intiqamquluzada
diff --git a/‎core/__pycache__/urls.cpython-310.pyc
0 Bytes b/‎core/__pycache__/urls.cpython-310.pyc
0 Bytes
diff --git a/‎db.sqlite3
0 Bytes b/‎db.sqlite3
0 Bytes
diff --git a/‎templates/room.html
+30-4 b/‎templates/room.html
+30-4
@@ -1,14 +1,38 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Chat Room</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <style>
+        /* Additional CSS for mobile responsiveness */
+        @media (max-width: 576px) {
+            #chat-log, #chat-message-input, #chat-message-submit {
+                width: 100%;
+            }
+        }
+    </style>
 </head>
 <body>
-    <textarea id="chat-log" cols="100" rows="20"></textarea><br>
-    <input id="chat-message-input" type="text" size="100"><br>
-    <input id="chat-message-submit" type="button" value="Send">
+    <div class="container">
+        <div class="row">
+            <div class="col-12 mt-2">
+                <textarea style="background-color: black;" id="chat-log" cols="94" rows="10" disabled></textarea>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-9">
+                <input style="background-color: orange;" id="chat-message-input" type="text" class="form-control" placeholder="Type your message">
+            </div>
+            <div class="col-3">
+                <input class="btn btn-success w-100" id="chat-message-submit" type="button" value="Send">
+            </div>
+        </div>
+    </div>
+
     {{ room_name|json_script:"room-name" }}
+
     <script>
         const roomName = JSON.parse(document.getElementById('room-name').textContent);
 
@@ -45,5 +69,7 @@
         messageInputDom.value = '';
     };
     </script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 </body>
 </html>