Form Styling updated

static/css/main.css

@@ -33,3 +33,18 @@ hr {
 
 .entry img {
   max-width: 100%; }
+
+form {
+  display: flex;
+  flex-direction: column; }
+  form * {
+    margin: 4px 6px; }
+  form textarea {
+    resize: vertical;
+    font-size: 1.0rem; }
+  form.create {
+    border: 1px solid gray;
+    padding: 10px 15px;
+    margin: 0px; }
+  form hr {
+    width: 100%; }

static/css/main.scss

@@ -138,28 +138,30 @@ hr {
 //     }
 // }
 
-// form {
+form {
-//     display: flex;
+    display: flex;
-//     flex-direction: column;
+    flex-direction: column;
-//     width: 400px;
-//     max-width: 100%;
 
-//     textarea {
+    * {
-//         // width: 100%;
+        margin: 4px 6px;
-//         resize: vertical;
+    }
-//         font-size: 1.0rem;
-//     }
 
-//     &.create {
+    textarea {
-//         border: 1px solid gray;
+        // width: 100%;
-//         padding: 10px 15px;
+        resize: vertical;
-//         margin: 0px;
+        font-size: 1.0rem;
-//     }
+    }
 
-//     hr {
+    &.create {
-//         width: 100%;
+        border: 1px solid gray;
-//     }
+        padding: 10px 15px;
-// }
+        margin: 0px;
+    }
+
+    hr {
+        width: 100%;
+    }
+}
 
 // input,
 // textarea,