3 files changed, 29 insertions, 11 deletions
diff --git a/server/src/routes/ui/style/forms.css b/server/src/routes/ui/style/forms.css
index ab7ca7f..82a6157 100644
--- a/server/src/routes/ui/style/forms.css
+++ b/server/src/routes/ui/style/forms.css
@@ -11,6 +11,26 @@ input[type="password"] {
     margin: 0.2em;
     border: 2px solid var(--accent-light);
 }
+input[type="text"]:disabled,
+input[type="password"]:disabled {
+    border: 2px solid grey;
+}
+
+input[type="submit"] {
+    padding: 0.5em;
+    margin: 1em;
+    justify-self: center;
+    border: 0px solid transparent;
+    background-color: var(--accent-dark);
+    border-radius: 8px;
+}
+input[type="submit"]:disabled {
+    background-color: grey;
+}
+
+input[type="submit"]:hover {
+    filter: hue-rotate(-20deg);
+}
 
 form.account {
     padding: 3em;
diff --git a/server/src/routes/ui/style/layout.css b/server/src/routes/ui/style/layout.css
index f7a21c2..412d1ed 100644
--- a/server/src/routes/ui/style/layout.css
+++ b/server/src/routes/ui/style/layout.css
@@ -97,11 +97,19 @@ nav .account {
     margin-bottom: 1em;
 }
 
+section.message {
+    background-color: var(--background-light);
+    border-radius: 8px;
+}
 .error {
     padding: 1em;
     color: rgb(255, 117, 117);
     font-family: monospace;
 }
+.success {
+    padding: 1em;
+    color: rgb(117, 255, 117);
+}
 
 footer {
     padding: 0.1em;
diff --git a/server/src/routes/ui/style/player.css b/server/src/routes/ui/style/player.css
index 3e8cea1..8c980b7 100644
--- a/server/src/routes/ui/style/player.css
+++ b/server/src/routes/ui/style/player.css
@@ -16,14 +16,7 @@ option {
     font-family: "Cantarell", sans-serif;
 }
 
-input[type="submit"] {
-    padding: 0.5em;
-    margin: 1em;
-    justify-self: center;
-    border: 0px solid transparent;
-    background-color: var(--accent-dark);
-    border-radius: 8px;
-}
+
 fieldset {
     background-color: var(--background-light);
     border-radius: 8px;
@@ -59,9 +52,6 @@ input[type="radio"]:checked {
     background-color: var(--accent-light);
 }
 
-input[type="submit"]:hover {
-    filter: hue-rotate(-20deg);
-}
 
 fieldset label {
     transition: color 0.2s;