bunch of features

registration, logging out, listing networks, user profiles

2 files changed, 29 insertions, 27 deletions

diff --git a/app/static/gen/style.css b/app/static/gen/style.css
index 9bca965..5159ee1 100644
--- a/app/static/gen/style.css
+++ b/app/static/gen/style.css
@@ -1,17 +1,14 @@
 body {
   background: #282828;
   color: #ebdbb2;
-  font-family: monospace;
-}
+  font-family: monospace; }
 
 a a:active, a:visited {
-  color: #458588;
-}
+  color: #458588; }
 
 .container {
   margin: auto;
-  width: 60%;
-}
+  width: 60%; }
 
 button,
 input[type=submit] {
@@ -19,13 +16,15 @@ input[type=submit] {
   background-color: #458588;
   border-color: #458588;
   border: none;
-  margin: 0.5rem;
-}
+  margin: 0.5rem; }
 
 button.accent {
   background-color: #d79921;
-  border-color: #d79921;
-}
+  border-color: #d79921; }
+
+h1, h2, h3, h4, h5, h6 {
+  border-bottom: 1px solid;
+  width: 50%; }
 
 .navbar {
   list-style-type: none;
@@ -34,44 +33,39 @@ button.accent {
   border-bottom: 1px solid;
   margin-bottom: 2rem;
   padding-bottom: 0.4rem;
-  text-align: center;
-}
+  text-align: center; }
 
 .navbar-item {
   display: inline;
-  margin-right: 1rem;
-}
+  margin-right: 1rem; }
 
 .flashes {
   list-style-type: none;
   display: flex;
-}
+  justify-content: center; }
 
 .message {
-  width: 30%;
+  width: 80%;
   justify-content: center;
   border: 1px solid #ebdbb2;
   background-color: #d79921;
-  color: black;
-}
+  padding: 0.2rem;
+  font-size: large;
+  color: black; }
 
 form {
-  width: 40%;
-}
+  width: 40%; }
 
 label,
 input {
   margin-bottom: 0.5rem;
   margin-top: 0.5rem;
-  display: inline-block;
-}
+  display: inline-block; }
 
 label {
   width: 40%;
-  text-align: left;
-}
+  text-align: left; }
 
 label + input {
   width: 40%;
-  margin: 0 30% 0 4%;
-}
+  margin: 0 30% 0 4%; }
diff --git a/app/static/scss/style.scss b/app/static/scss/style.scss
index cc23959..7c8760c 100644
--- a/app/static/scss/style.scss
+++ b/app/static/scss/style.scss
@@ -36,6 +36,11 @@ button.accent {
     border-color: $color-accent-bg;
 }
 
+h1,h2,h3,h4,h5,h6 {
+    border-bottom: 1px solid;
+    width:50%;
+}
+
 // Navbar
 
 .navbar {
@@ -56,13 +61,16 @@ button.accent {
 .flashes {
     list-style-type: none;
     display: flex;
+    justify-content: center;
 }
 
 .message {
-    width: 30%;
+    width: 80%;
     justify-content: center; 
     border: 1px solid $color-fg;
     background-color: $color-accent-bg;
+    padding: 0.2rem;
+    font-size: large;
     color: black;
 }