From 54fe4139a0677758f636b8883fde34c5c3d813ff Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Fri, 22 Nov 2024 16:30:10 -0500
Subject: [PATCH] create grid column for room user list 	modified:  
 templates/base.html 	modified:   templates/chat.html

---
 templates/base.html | 15 +++------------
 templates/chat.html | 13 ++++++++-----
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 2dac4a1..ec1373c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -62,7 +62,7 @@
         overflow-y: auto;
         border: 1px solid #e1e1e1;
         border-radius: 5px;
-        padding: 10px;
+        padding-left: 10px;
         margin-bottom: 10px;
         width: 100%; /* Allow chat window to fill available space */
     }
@@ -112,7 +112,7 @@
     /* Styling for the main container that holds the rooms list and chat */
     .main-container {
         display: grid;
-        grid-template-columns: 20% 80%; /* Adjust the 20% as needed */
+        grid-template-columns: 15% 70% 15%;
         width: 100%;
         height: 90vh;
     }
@@ -174,16 +174,7 @@
         padding-right: 0.8em; /* Adjust the padding as needed */
     }
     .download-links {
-        position: absolute;
-        right: 10px;
-        top: 10px;
-        z-index: 1000;
-        display: flex;
-        flex-direction: column;
-    }
-
-    .download-links a {
-        margin-bottom: 5px;
+        text-align: center;
     }
 
     /* Hamburger button styling */
diff --git a/templates/chat.html b/templates/chat.html
index 7f2dc8c..3698d75 100644
--- a/templates/chat.html
+++ b/templates/chat.html
@@ -3,11 +3,6 @@
 {% block title %}Chatroom{% endblock %}
 
 {% block content %}
-    <div class="download-links">
-        <div>
-        Chat History: <a href="/download_chat_history?room_name={{ room_name }}" download="{{ room_name }}.json">JSON</a> or <a href="/download_chat_history_md?room_name={{ room_name }}" download="{{ room_name }}.md">Markdown</a>
-        </div>
-    </div>
 
     <div id="chat-container">
         <!-- Chat area where messages will be displayed -->
@@ -18,6 +13,14 @@
         </form>
     </div>
 
+    <div>
+        <div class="download-links">
+            History
+            <a href="/download_chat_history?room_name={{ room_name }}" download="{{ room_name }}.json">JSON</a> or
+            <a href="/download_chat_history_md?room_name={{ room_name }}" download="{{ room_name }}.md">Markdown</a>
+        </div>
+    </div>
+
 <script>
 // Constants
 const API_KEY = "dummy-api-key";