From 3ac867174214f042a4684cf0dfd078f754b49dfb Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballantine@metaunix.net>
Date: Mon, 21 Nov 2022 18:48:49 -0500
Subject: [PATCH] More style changes

---
 assets/sass/darkmeyer.sass | 52 +++++++++++++++++++++++++++++---------
 views/ticket/create.twig   |  2 +-
 views/ticket/edit.twig     |  4 +--
 views/ticket/view.twig     |  3 +--
 4 files changed, 44 insertions(+), 17 deletions(-)

diff --git a/assets/sass/darkmeyer.sass b/assets/sass/darkmeyer.sass
index 660afa1..8ad5a73 100644
--- a/assets/sass/darkmeyer.sass
+++ b/assets/sass/darkmeyer.sass
@@ -1,10 +1,12 @@
-$primary-color: yellow
-$primary-color-highlight: darken($primary-color, 10%)
+$primary-color: #009688
+$primary-color-highlight: lighten($primary-color, 10%)
+$accent-color: #795548
+$accent-color-highlight: lighten($accent-color, 10%)
 
 $box-shadow-1: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)
 $box-shadow-2: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
 
-$nav-height: 60px
+$nav-height: 75px
 
 body
   padding-top: $nav-height
@@ -12,6 +14,25 @@ body
   background: lightgrey
   font-size: 16px
 
+a
+  color: $accent-color
+  transition: all 230ms ease-in-out
+  &:hover
+    color: $accent-color-highlight
+
+.button.button-primary,
+button.button-primary,
+input[type="button"].button-primary,
+input[type="reset"].button-primary,
+input[type="submit"].button-primary
+  background-color: $primary-color
+  border-color: $primary-color
+  font-size: 1.5rem
+  transition: all 230ms ease-in-out
+  &:hover
+    background-color: $primary-color-highlight
+    border-color: $primary-color-highlight
+
 .container
   max-width: 1100px
   padding: 20px 30px
@@ -26,9 +47,10 @@ body
   left: 0
   width: 100%
   height: $nav-height
-  background: #212121
-  color: #eee
-  font-size: 2.75rem
+  background: $primary-color
+  color: white
+  font-size: 3rem
+  font-weight: bold
   box-shadow: $box-shadow-1
   z-index: 100
 
@@ -41,19 +63,23 @@ body
 
     li
       display: inline-block
-      margin-top: 6px
+      margin-top: 12px
       margin-left: 15px
 
   .nav-link a
-    color: $primary-color
-    transition: all 230ms ease-in-out
-
+    color: white
     &:hover
-      color: $primary-color-highlight
+      color: #eee
 
 #main-wrapper
   margin-top: 25px
 
+#ticket-form
+  textarea
+    max-width: 100%
+    height: 250px
+    min-height: 100px
+
 #ticket-header
   margin-bottom: 15px
 
@@ -103,10 +129,12 @@ body
         position: relative
         display: inline-block
         box-sizing: border-box
-        width: calc(50% - 3px)
+        width: 50%
         height: 100%
         padding: 10px 12px
         text-align: center
+        &:hover
+          background: rgba(0, 0, 0, .1)
 
         i
           margin-right: 5px
diff --git a/views/ticket/create.twig b/views/ticket/create.twig
index 068d5c5..081a75a 100644
--- a/views/ticket/create.twig
+++ b/views/ticket/create.twig
@@ -34,7 +34,7 @@
         <label for="ticket_body">Ticket body</label>
         <textarea id="ticket_body" class="u-full-width" placeholder="Explain what this ticket is about..." name="ticket_body"></textarea>
 
-        <input class="button-primary" type="submit" value="Submit">
+        <input class="button-primary u-full-width" type="submit" value="Submit">
       </form>
     </div>
   </div>
diff --git a/views/ticket/edit.twig b/views/ticket/edit.twig
index 6aa09f9..af38572 100644
--- a/views/ticket/edit.twig
+++ b/views/ticket/edit.twig
@@ -11,7 +11,7 @@
 
   <div class="row">
     <div class="columns twelve">
-      <form action="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}" method="POST" class="u-full-width">
+      <form id="ticket-form" action="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}" method="POST" class="u-full-width">
         <div class="row">
           <div class="six columns">
             <label for="ticket_title">Title</label>
@@ -34,7 +34,7 @@
         <label for="ticket_body">Ticket body</label>
         <textarea id="ticket_body" class="u-full-width" placeholder="Explain what this ticket is about..." name="ticket_body">{{ ticket.body }}</textarea>
 
-        <input class="button-primary" type="submit" value="Submit">
+        <input class="button-primary u-full-width" type="submit" value="Submit">
       </form>
     </div>
   </div>
diff --git a/views/ticket/view.twig b/views/ticket/view.twig
index 6785683..87e301e 100644
--- a/views/ticket/view.twig
+++ b/views/ticket/view.twig
@@ -26,8 +26,7 @@
       <ul class="ticket-status">
         <li class="ticket-actions">
           <ul>
-            <li><a href="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}"><i class="fa-solid fa-pen-to-square"></i>Edit</a></li>
-            <li><a href="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}"><i class="fa-solid fa-trash"></i>Delete</a></li>
+            <li><a href="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}"><i class="fa-solid fa-pen-to-square"></i>Edit</a></li><li><a href="{{ url_for('ticket.edit', {ticket_id: ticket.id}) }}"><i class="fa-solid fa-trash"></i>Delete</a></li>
           </ul>
         </li>
         <li>