2 files changed, 38 insertions, 4 deletions

diff --git a/server/src/routes/ui/style/forms.css b/server/src/routes/ui/style/forms.css
index 82a6157..e629256 100644
--- a/server/src/routes/ui/style/forms.css
+++ b/server/src/routes/ui/style/forms.css
@@ -4,13 +4,22 @@
     Copyright (C) 2023 metamuffin <metamuffin.org>
     Copyright (C) 2023 tpart
 */
+input {
+    outline: none;
+    box-sizing: border-box;
+    height: 2.5em;
+}
 input[type="text"],
 input[type="password"] {
     border-radius: 7px;
     padding: 0.3em;
-    margin: 0.2em;
+    margin-top: 0.3em;
     border: 2px solid var(--accent-light);
 }
+input[type="text"]:focus,
+input[type="password"]:focus {
+    background-color: var(--background-light);
+}
 input[type="text"]:disabled,
 input[type="password"]:disabled {
     border: 2px solid grey;
@@ -18,18 +27,18 @@ input[type="password"]:disabled {
 
 input[type="submit"] {
     padding: 0.5em;
-    margin: 1em;
+    margin: 0.5em;
     justify-self: center;
     border: 0px solid transparent;
     background-color: var(--accent-dark);
     border-radius: 8px;
+    cursor: pointer;
 }
 input[type="submit"]:disabled {
     background-color: grey;
 }
-
 input[type="submit"]:hover {
-    filter: hue-rotate(-20deg);
+    filter: brightness(150%);
 }
 
 form.account {
@@ -37,11 +46,28 @@ form.account {
     border-radius: 1em;
     background-color: var(--background-light);
 
+    min-width: 25em;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
+form.account input {
+    width: 100%;
+    font-size: large;
+}
+form.account input, label {
+    display: block;
+}
+form.account input[type="submit"] {
+    margin: 0;
+    margin-top: 1em;
+    margin-bottom: 1.5em;
+    font-weight: bold;
+}
 form.account h1 {
     margin-top: 0px;
 }
+form.account p {
+    color: var(--font-dark);
+}
\ No newline at end of file
diff --git a/server/src/routes/ui/style/layout.css b/server/src/routes/ui/style/layout.css
index 2da6d97..09da718 100644
--- a/server/src/routes/ui/style/layout.css
+++ b/server/src/routes/ui/style/layout.css
@@ -20,8 +20,11 @@
     --backdrop-height: 24em;
     --background-dark: #070707;
     --background-light: #1c1c1c;
+    --background-very-light: #323232;
     --main-side-margin: 2em;
     --font: rgb(218, 218, 218);
+    --font-dark: rgb(148, 148, 148);
+    --font-highlight: white;
 }
 
 ::selection {
@@ -44,6 +47,11 @@ body {
     padding: 0px;
 }
 
+h1 {
+    font-weight: bold;
+    color: var(--font-highlight);
+}
+
 nav {
     user-select: none;
     z-index: 90;