Update index.html

Author: zorginkopen

index.html

@@ -9,7 +9,7 @@
       font-family: Arial, sans-serif;
       margin: 0;
       padding: 0;
-      background-color: #f2f2f2;
+      background-color: #f4f4f4;
       display: flex;
       flex-direction: column;
       height: 100vh;
@@ -19,9 +19,9 @@
       text-align: center;
       background-color: #ffc827;
       color: black;
-      padding: 12px;
+      padding: 12px 0;
       margin: 0;
-      font-size: 22px;
+      font-size: 20px;
     }
 
     #chat {
@@ -30,35 +30,35 @@
       padding: 16px;
       display: flex;
       flex-direction: column;
-      gap: 12px;
     }
 
     .message {
+      margin-bottom: 12px;
       padding: 12px 16px;
-      border-radius: 18px;
+      border-radius: 10px;
       max-width: 75%;
       word-wrap: break-word;
+      line-height: 1.5;
       font-size: 16px;
-      line-height: 1.4;
     }
 
     .user-message {
-      background-color: #d0f0fd;
+      background-color: #e0f7fa;
       align-self: flex-end;
-      border-bottom-right-radius: 4px;
+      text-align: right;
     }
 
     .agent-message {
-      background-color: #ffffff;
+      background-color: #f1f1f1;
       align-self: flex-start;
-      border-bottom-left-radius: 4px;
+      text-align: left;
     }
 
     #input-form {
       display: flex;
+      border-top: 1px solid #ccc;
       padding: 10px;
       background: white;
-      border-top: 1px solid #ccc;
     }
 
     #user-input {