Implement random password generation (create/edit account)

public/static/style.css

@@ -12,7 +12,7 @@ body {
     font-family: sans-serif;
 }
 
-/* --- Header --- */
+/* -- Header -- */
 header {
     margin: 1rem;
     padding: 0 1rem;
@@ -26,7 +26,7 @@ header h1 {
     margin: 1rem;
 }
 
-/* --- Navigation bar --- */
+/* -- Navigation bar -- */
 nav {
 }
 
@@ -75,12 +75,12 @@ nav li.nav_current_page a {
     border-bottom-color: #ffffff;
 }
 
-/* --- Main section --- */
+/* -- Main section -- */
 main {
     margin: 2rem;
 }
 
-/* --- Login page --- */
+/* -- Login page -- */
 main.login_page {
     margin: 2rem;
     padding: 1rem;
@@ -88,7 +88,7 @@ main.login_page {
     width: 40rem;
 }
 
-/* --- Text and other styling --- */
+/* -- Text and other styling -- */
 h2, h4 {
     margin: 0 0 0.5em 0;
 }
@@ -103,20 +103,6 @@ a:hover, a:focus {
     text-decoration: underline;
 }
 
-.error_box, .success_box {
-    max-width: 50rem;
-    margin: 1rem 0;
-    padding: 1rem;
-}
-
-.error_box {
-    background: #ff4444;
-}
-
-.success_box {
-    background: #00cc00;
-}
-
 .gray {
     color: gray;
 }
@@ -137,7 +123,7 @@ button {
     color: gray;
 }
 
-/* --- Tables --- */
+/* -- Tables -- */
 
 table td, table th {
     padding: 0.25rem 0.5rem;
@@ -156,16 +142,49 @@ table.bordered_table th {
     text-align: left;
 }
 
-/* --- Boxes --- */
+/* -- Boxes -- */
+.filter_options,
+.form_box,
+.confirmation_box,
+.error_box,
+.success_box {
+    margin: 1rem 0;
+    padding: 1rem;
+}
+
 .filter_options,
 .form_box,
 .confirmation_box {
     border: 1px solid #999999;
-    padding: 1rem;
-    margin: 1rem 0;
 }
 
-/* --- Detail boxes --- */
+.form_box p,
+.error_box p,
+.success_box p {
+    margin: 0.75rem 0;
+}
+
+.form_box p:last-child,
+.error_box p:last-child,
+.success_box p:last-child {
+    margin-bottom: 0;
+}
+
+/* -- Error / success boxes -- */
+.error_box,
+.success_box {
+    max-width: 50rem;
+}
+
+.error_box {
+    background: #ff4444;
+}
+
+.success_box {
+    background: #00cc00;
+}
+
+/* -- Detail boxes -- */
 details {
     margin: 1rem 0;
 }
@@ -179,7 +198,7 @@ details > p {
     font-family: monospace;
 }
 
-/* --- Detail columns --- */
+/* -- Detail columns -- */
 input#show_details_checkbox {
     margin-bottom: 1rem;
 }
@@ -188,12 +207,7 @@ input#show_details_checkbox:not(:checked) ~ table .detail_column {
     display: none;
 }
 
-/* --- Form box --- */
-.form_box p:last-child {
-    margin-bottom: 0;
-}
-
-/* --- Confirmation box --- */
+/* -- Confirmation box -- */
 .confirmation_box p:first-child {
     margin-top: 0;
 }