💄 Restyle some forms

templates/confirm.html

@@ -1,16 +1,20 @@
 {{ define "page-styles"}}
-
+    <style>
+        div.controls {
+            margin-top: 1em;
+        }
+    </style>
 {{ end }}
 
 {{ define "page-content" }}
-    <form method="post" action="{{ $.URL }}">
+    <form method="post" action="{{ $.URL }}" class="dialog">
         {{ range $k, $v := .Fields }}
             <input type="hidden" name="{{ $k }}" value="{{ $v }}"/>
         {{ end }}
-        <div class="confirm message">
+        <div class="message">
             {{ $.Message }}
         </div>
-        <div>
+        <div class="controls">
             <input type="submit" name="_yes" value="Yes"/> <input type="submit" name="_no" value="No"/>
         </div>
     </form>

templates/create-share.html

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

templates/share-add-login.html

@@ -1,15 +1,20 @@
 {{ define "page-content" }}
-    <form method="post">
+    <form method="post" class="dialog">
+        <div class="form-content">
             <input name="share" type="hidden" value="{{ .ShareId }}"/>
-        <label>
+
-            Login: <input name="login" placeholder="Login name"/>
+            <label for="login">Login</label>
-        </label>
+            <input name="login" id="login" placeholder="Login name"/>
-        <label>
+
-            Password: <input type="password" name="password" placeholder="Password"/>
+            <label for="password">Password</label>
-        </label>
+            <input type="password" name="password" id="password" placeholder="Password"/>
-        <label>
+
-            ReadOnly: <input type="checkbox" name="readonly"/>
+            <label for="readonly">ReadOnly</label>
-        </label>
+            <input type="checkbox" name="readonly" id="readonly"/>
+
+        </div>
+        <div class="form-controls">
             <input type="submit" value="Add Login"/>
+        </div>
     </form>
 {{ end }}

templates/share-add-user.html

@@ -1,22 +1,25 @@
 {{ define "page-content" }}
-    <form method="post">
+    <form method="post" class="dialog">
+        <div class="form-content">
             <input name="share" type="hidden" value="{{ .ShareId }}"/>
-        <label>
+
-            User:
+            <label for="user">User</label>
-            <select name="user">
+            <select name="user" id="user">
                 {{ range $user := .Users}}
                     <option value="{{ $user.Username }}">{{ $user.Username }}</option>
                 {{ end }}
             </select>
-        </label>
+
-        <label>
+            <label for="role">Role</label>
-            Role:
+            <select name="role" id="role">
-            <select name="role">
                 <option value="reader">Reader</option>
                 <option value="writer" selected>Writer</option>
                 <option value="admin">Admin</option>
             </select>
-        </label>
+
+        </div>
+        <div class="form-controls">
             <input type="submit" value="Add User"/>
+        </div>
     </form>
 {{ end }}