Remove old-wrapper. Replace with form styles.

Adrian Simmons created 1 year ago

Signed-off-by: Adrian Simmons <[e-mail]>

Change summary

ws/static/styles.css | 34 +++++++++++++++++++++++++++++-----
1 file changed, 29 insertions(+), 5 deletions(-)

Detailed changes

ws/static/styles.css

@@ -162,11 +162,6 @@ body {
 
 .card > pre, .card > div > pre { overflow: scroll; }
 
-.old-wrapper { /* used on non-home pages */
-	max-width: 500px;
-	margin: 0 auto;
-}
-
 header .wrapper {
 	display: flex;
 	flex-wrap: wrap;
@@ -247,6 +242,35 @@ footer .wrapper {
 }
 
 
+/* Forms */
+form {
+	width: 100%;
+	max-width: 50ch;
+	margin: 0 auto;
+	display: flex;
+	flex-direction: column;
+}
+
+form label {
+	font-weight: bold;
+}
+
+.input {
+	display: flex;
+	flex-direction: column;
+	margin-block-end: 1rem;
+}
+
+input.button {
+	line-height: 1;
+	border-radius: 0.5rem;
+	padding: 0.6rem 0.5rem 0.4rem;
+	font-weight: bold;
+}
+
+
+/* End Forms */
+
 @media (prefers-reduced-motion) {
   *, *::before, *::after {
     animation-duration: 0s !important;