Updates

blackjack.html

@@ -179,29 +179,55 @@
     @media screen and (max-width: 600px) {
     .container {
       padding: 10px;
+      position: relative; /* Add relative positioning to the container */
     }
     .leaderboard {
-      position: static;
-      width: auto;
-      margin-top: 60px; /* Increase margin-top for more space */
-      padding-top: 20px; /* Add padding to create space */
-      min-height: 200px;
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      background-color: #005335;
+      padding: 15px;
+      border-radius: 10px;
+      width: 400px;
+      max-width: calc(100% - 20px); /* Adjust max-width to fit within the container */
+      z-index: 1; /* Ensure the leaderboard stays above other content */
     }
     #leaderboard-list li:nth-child(n+4) {
       display: none;
     }
     #chat-container {
-      position: static;
-      width: auto;
-      margin-top: 40px; /* Increase margin-top for more space */
-      padding-top: 20px; /* Add padding to create space */
-      min-height: 150px;
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      background-color: #333;
+      padding: 10px;
+      border-radius: 10px;
+      width: 300px;
+      height: 300px;
+      color: white;
+      overflow-y: auto;
+      z-index: 1; /* Ensure the chat container stays above other content */
     }
     #chat-messages {
-      max-height: none;
+      max-height: 230px;
+      overflow-y: auto;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+    }
+    #chat-input-container {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 5px;
     }
     #chat-input {
-      width: calc(100% - 70px);
+      flex: 1;
+      width: 0;
+      padding: 5px;
+      margin-right: 5px;
+    }
+    #send-button {
+      padding: 5px;
     }
   }
   </style>