Fix login form

seanpierce · Feb 8, 2024 · a1472d1 · a1472d1
1 parent 0b125c3
commit a1472d1
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/app/src/styles/chat.scss b/app/src/styles/chat.scss
@@ -23,32 +23,35 @@
         padding: 2em;
         width: 100%;
         max-width: 500px;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
+        display: block;
+        margin: auto;
 
         .new-user-form {
+            display: block;
+            margin: auto;
             font-size: 2em;
             text-align: center;
+            color: white;
 
             input {
                 font-size: 1em;
                 margin: 1em auto;
                 padding: 0.25em;
                 background: none;
                 border: none;
-                border-bottom: solid 2px #333;
+                border-bottom: solid 2px white;
                 width: 100%;
                 outline: none;
+                text-align: center;
+                color: white;
             }
 
             button {
                 font-size: 1em;
                 width: 100%;
                 background: none;
-                color: #333;
-                border: solid 2px #333;
+                color: white;
+                border: solid 2px white;
                 padding: 0.25em;
                 border-radius: 0;
                 cursor: pointer;
@@ -57,6 +60,11 @@
             .helper {
                 font-size: 16px;
                 margin-top: 16px;
+                color: white;
+
+                &.warning {
+                    color: red;
+                }
             }
         }
     }