fix: fix the refresh icon hiding behind Google banner (#247)

GoogleCloudPlatform · Mar 6, 2024 · 462082b · 462082b
1 parent cc6db80
commit 462082b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/llm_demo/static/index.css b/llm_demo/static/index.css
@@ -51,8 +51,8 @@ body {
 #g_id_onload,
 .g_id_signin {
     position: absolute;
-    top: 20px;
-    right: 30px;
+    top: 8px;
+    right: 10px;
 }
 
 #menuButton {
@@ -61,7 +61,10 @@ body {
 }
 
 #resetButton {
-    float: right;
+    position: fixed;
+    top: 65px;
+    right: 15px;
+    color: #181a23;
     cursor: pointer;
 }
 
@@ -183,4 +186,9 @@ div.chat-wrapper div.chat-content div .sender-icon img {
 
 .mdl-progress.mdl-progress__indeterminate>.bar1 {
     background-color: #394867
+}
+
+.send-button {
+    margin-top: 12px;
+    margin-right: 12px;
 }
diff --git a/llm_demo/templates/index.html b/llm_demo/templates/index.html
@@ -67,7 +67,7 @@
                 <div class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
                 <div class="chat-input-container">
                     <input type="text" class="ip-msg" placeholder="type here...">
-                    <span class="btn-group">
+                    <span class="btn-group send-button">
                         <span class="material-symbols-outlined">
                             send
                         </span>