2 files changed, 74 insertions, 9 deletions
diff --git a/app/static/gen/style.css b/app/static/gen/style.css
index 6dd2994..9bca965 100644
--- a/app/static/gen/style.css
+++ b/app/static/gen/style.css
@@ -13,7 +13,8 @@ a a:active, a:visited {
   width: 60%;
 }
 
-button {
+button,
+input[type=submit] {
   border-radius: 8px;
   background-color: #458588;
   border-color: #458588;
@@ -26,18 +27,48 @@ button.accent {
   border-color: #d79921;
 }
 
+.navbar {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid;
+  margin-bottom: 2rem;
+  padding-bottom: 0.4rem;
+  text-align: center;
+}
+
+.navbar-item {
+  display: inline;
+  margin-right: 1rem;
+}
+
+.flashes {
+  list-style-type: none;
+  display: flex;
+}
+
+.message {
+  width: 30%;
+  justify-content: center;
+  border: 1px solid #ebdbb2;
+  background-color: #d79921;
+  color: black;
+}
+
 form {
   width: 40%;
 }
 
 label,
 input {
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
   display: inline-block;
 }
 
 label {
   width: 40%;
-  text-align: right;
+  text-align: left;
 }
 
 label + input {
diff --git a/app/static/scss/style.scss b/app/static/scss/style.scss
index d7f50f7..cc23959 100644
--- a/app/static/scss/style.scss
+++ b/app/static/scss/style.scss
@@ -1,6 +1,8 @@
 $color-bg: #282828;
+$color-shadow: #3c3836;
 $color-fg: #ebdbb2;
-$color-accent: #d79921;
+$color-accent-bg: #d79921;
+$color-accent: #504945;
 $color-link: #458588;
 $color-danger: #cc241d;
 $font-family: monospace;
@@ -20,7 +22,8 @@ a a:active, a:visited {
     width: 60%;
 }
 
-button {
+button,
+input[type=submit]{
     border-radius: 8px;
     background-color: $color-link;
     border-color: $color-link;
@@ -29,8 +32,38 @@ button {
 }
     
 button.accent {
-    background-color: $color-accent;
-    border-color: $color-accent;
+    background-color: $color-accent-bg;
+    border-color: $color-accent-bg;
+}
+
+// Navbar
+
+.navbar {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    border-bottom: 1px solid;
+    margin-bottom: 2rem;
+    padding-bottom: 0.4rem;
+    text-align: center;
+}
+.navbar-item {
+    display: inline;
+    margin-right: 1rem;
+}
+
+// Flashed messages
+.flashes {
+    list-style-type: none;
+    display: flex;
+}
+
+.message {
+    width: 30%;
+    justify-content: center; 
+    border: 1px solid $color-fg;
+    background-color: $color-accent-bg;
+    color: black;
 }
 
 // Forms
@@ -40,17 +73,18 @@ form {
 
 label,
 input {
+    margin-bottom: 0.5rem;
+    margin-top: 0.5rem;
     display: inline-block;
 }
 
 label {
     width: 40%;
-    text-align: right;
+    text-align: left;
 }
 
 label+input {
-    width: 40%;
-    
+    width: 40%; 
     margin: 0 30% 0 4%;
 }