update gui

BorjaOteroFerreira · Feb 28, 2024 · a4de5e4 · a4de5e4
1 parent afb65ea
commit a4de5e4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 20 deletions.
diff --git a/static/styles/index.css b/static/styles/index.css
@@ -428,35 +428,33 @@ input:focus {
 
 
 #start-tour-button{
-    font-size: 1.2em;
+    font-size: 1.3em;
+    padding:2px;
+    width:30px;
     background-color:#00000000;
-    color:var(--secondary-color);
-    border: 3px solid grey;
-    font-weight:bold;
-    padding:5px;
-    border-radius: 50px;
+    border:none;
 
 }
 
 #start-tour-button:hover{
-    background-color:#E9928721;
+
     color: var(--secondary-bg-color);
-    border-color:#E9928721;
-    ;
+    font-size:1.6em;
+
+
 }
 
 #toggle-sidebar-button{
-    font-size: 1.2em;
-    padding:5px;
-    border: 3px solid grey;
-    border-radius: 30px;
-    background-color:#00000000;
-    
+    font-size: 1.3em;
+    padding:2px;
+    width:30px;
+    background-color: #00000000;
+    border:none;
+
 
 }
 #toggle-sidebar-button:hover{
-    background-color:#E9928721;
-    border-color:#E9928721;
+    font-size:1.6em;
 }
 
 

diff --git a/templates/index.html b/templates/index.html
@@ -42,15 +42,15 @@
         </div>
 
         <div id="footer" >
-            <button class="btn btn-primary" id="start-tour-button" onclick="toggleSidebar()">❔</button>
-            <button class="btn btn-primary" id="start-tour-button" onclick="toggleSidebar()">🧾</button>
+            <button class="btn btn-primary" id="start-tour-button" onclick="toggleSidebar()">&nbsp;❔&nbsp;</button>
+            <button class="btn btn-primary" id="start-tour-button" onclick="toggleSidebar()">&nbsp;🧾&nbsp;</button>
 
             <div class="form-group" style="position: relative;">
                 <button  id="stop-button" onclick="chat.stopResponse()">Stop</button>
                 <textarea class="form-control" id="user-input" placeholder="Write your message"></textarea>
                 <button class="btn btn-primary" id="send-button" onclick="chat.sendMessage()">Send</button>
             </div>
-            <button id="toggle-sidebar-button" onclick="chat.toggleSidebar()">⚙️</button>
+            <button id="toggle-sidebar-button" onclick="chat.toggleSidebar()">&nbsp;⚙️&nbsp;</button>
         </div>
     </div>
     <div id="sidebar">