make things look better on screen

2024-06-03 23:05:03 -04:00
parent f43b615021
commit 1608a44ac7
2 changed files with 31 additions and 3 deletions
--- a/index.html
+++ b/index.html
@ -29,10 +29,14 @@
      <div id="user-info">
        <!-- User info will be populated dynamically -->
      </div>
-      <label for="connection-topic">Enter connection topic:</label>
-      <input type="text" id="join-chat-room-topic" placeholder="Enter connection topic">
      <button id="create-chat-room">Create</button>
-      <button id="join-chat-room">Join</button> <!-- Changed id -->
+      <div id="or">
+        - or -
+      </div>
+      <div id="join-chat-room-container">
+        <!-- <label for="connection-topic">Enter Your Connection Topic:</label> -->
+        <input type="text" id="join-chat-room-topic" placeholder="topic">
+        <button id="join-chat-room">Join</button> <!-- Changed id -->
    </div>
    <div id="chat" class="hidden">
      <div id="header">