Fancier buttons. White space on checkbox labels, login

Adrian Simmons created

Signed-off-by: Adrian Simmons <adrian@perlucida.co.uk>

Change summary

ws/static/styles.css | 23 ++++++++++++++++++++++-
1 file changed, 22 insertions(+), 1 deletion(-)

Detailed changes

ws/static/styles.css 🔗

@@ -272,15 +272,36 @@ form label {
 	margin-block-end: 1rem;
 }
 
+.input-wrapper label {
+	padding-inline-start: 0.5rem;
+}
+
 .select-release .input {
   display: block;
 }
 
 input.button {
 	line-height: 1;
-	border-radius: 0.5rem;
 	padding: 0.6rem 0.5rem 0.4rem;
 	font-weight: bold;
+	font-size: 1.2rem;
+	color: var(--page-background);
+	background-color: var(--action);
+	border: 1px solid var(--card-border);
+	border-radius: 0.5rem;
+	cursor: pointer;
+}
+
+@media (prefers-color-scheme: dark) {
+	input.button {
+		color: var(--action);
+		background-color: var(--page-background);
+		border: 1px solid var(--action);
+	}
+}
+
+form.login .button {
+	margin-block-start: 1.1rem;
 }
 
 /* End Forms */