💄 Restyle some forms

templates/create-share.html

@@ -1,24 +1,20 @@
-{{ define "page-styles"}}
-    <style>
-        #content label,
-        #content label > * {
-            display: block;
-        }
-    </style>
-{{ end }}
-
-{{ define "page-content" }}
-    <form method="post">
-        <div>
-            <label>
-                Name: <input type="text" width="40" name="name" placeholder="Enter name"/>
-            </label>
-            <label>
-                Role: <textarea rows="5" cols="40" name="description" placeholder="Enter description"></textarea>
-            </label>
-        </div>
-        <div>
-            <input type="submit" value="Create share"/>
-        </div>
-    </form>
+{{ define "page-styles"}}
+    <style>
+
+    </style>
+{{ end }}
+
+{{ define "page-content" }}
+    <form method="post" class="dialog">
+        <div class="form-content">
+            <label for="name">Name</label>
+            <input type="text" width="40" id="name" name="name" placeholder="Enter name"/>
+
+            <label for="desc">Role</label>
+            <textarea rows="5" cols="40" id="desc" name="description" placeholder="Enter description"></textarea>
+        </div>
+        <div class="form-controls">
+            <input type="submit" value="Create share"/>
+        </div>
+    </form>
 {{ end }}