Update static/styles.css

static/styles.css

@@ -1,15 +1,15 @@
 body {
   font-family: sans-serif;
-  background: #f8f8f8;
+  background: #f0f0f0;
   padding: 20px;
 }
 
-#chat-container {
-  max-width: 500px;
+#chatContainer {
+  max-width: 400px;
   margin: auto;
   background: white;
-  border-radius: 10px;
-  padding: 20px;
+  padding: 15px;
+  border-radius: 8px;
   box-shadow: 0 0 10px #ccc;
 }
 
@@ -17,31 +17,27 @@ body {
   font-weight: bold;
   text-align: center;
   margin-bottom: 10px;
-  font-size: 1.2em;
 }
 
 #chat {
-  background: #f0f0f0;
-  padding: 10px;
-  overflow-y: auto;
   height: 300px;
+  overflow-y: auto;
+  border: 1px solid #333;
+  background: #f9f9f9;
+  padding: 10px;
 }
 
-.chat-line {
-  margin: 8px 0;
-}
-
-.me {
+#chat .me {
   color: blue;
   font-weight: bold;
 }
 
-.other {
+#chat .other {
   color: green;
   font-weight: bold;
 }
 
-.status {
+#chat .status {
   color: gray;
   font-style: italic;
 }