adding stuff

backend/static/css/index.css

@@ -8,16 +8,34 @@ body {
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     background: #0a0a0a;
     color: #e0e0e0;
+    min-height: 100vh;
+    min-width: 100vw;
     height: 100vh;
     overflow: hidden;
 }
 
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    background: #0a0a0a;
+    color: #e0e0e0;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .chat-container {
     display: flex;
     flex-direction: column;
     height: 100vh;
-    max-width: 50vh;
-    margin: 0 auto;
+    max-width: 100vw;
+    margin: 0 0;
     background: #121212;
     position: relative;
     overflow: hidden;
@@ -341,13 +359,14 @@ body {
     flex-direction: column;
     /*justify-content: flex-end;*/
     flex: 1;
-    padding: 15px 0 15px 0;
+    padding: 15px;
+    gap: 15px;
     overflow-y: scroll;
     background: #121212;
 }
 
 .message {
-    margin: 10px 20px;
+    margin: 0;
     padding: 10px 10px;
     border-radius: 10px;
     background: rgba(30, 30, 30, 0.4);
@@ -499,23 +518,6 @@ body {
     background: #444;
 }
 
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-    background: #0a0a0a;
-    color: #e0e0e0;
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 20px;
-}
-
 .signup-container {
     width: 100%;
     max-width: 480px;