From c81e5e0651b27526ac457f2a60b6eccfeace339d Mon Sep 17 00:00:00 2001
From: SouthFox <master@southfox.me>
Date: Wed, 14 Aug 2024 00:58:27 +0800
Subject: [PATCH] [style] change loading indicator location

---
 static/index.html | 6 +++---
 static/script.js  | 2 +-
 static/style.css  | 3 ---
 3 files changed, 4 insertions(+), 7 deletions(-)
diff --git a/static/index.html b/static/index.html
index b6839ad..64e0e99 100644
--- a/static/index.html
+++ b/static/index.html
@@ -11,15 +11,15 @@
 
 <body>
   <div class="container bg-white rounded-lg shadow-md flex flex-col">
-    <h1 class="flex-none text-3xl font-bold mb-4 text-center">AAII</h1>
+    <h1 class="flex-none text-3xl font-bold mb-4 text-center">AAII
+    <div class="typing-indicator" id="typingIndicator"></div>
+    </h1>
     <div class="chat break-all" id="chatContainer">
     </div>
     <div class="flex-none flex">
       <textarea type="text" id="userInput" placeholder="Type message here" class="outline-none flex-auto"></textarea>
       <button class="send-button flex-none" id="sendButton" >Send</button>
     </div>
-    <div class="typing-indicator" id="typingIndicator">
-    </div>
   </div>
 
   <script type="module" src="script.js"></script>
diff --git a/static/script.js b/static/script.js
index 8b68b5e..79562a8 100644
--- a/static/script.js
+++ b/static/script.js
@@ -95,7 +95,7 @@ let typingTimeout;
 
 function showTypingIndicator() {
   clearTimeout(typingTimeout);
-  typingIndicator.style.display = "inline-block";
+  typingIndicator.style.display = "inline-flex";
 }
 
 function hideTypingIndicator() {
diff --git a/static/style.css b/static/style.css
index 3892421..e680e43 100644
--- a/static/style.css
+++ b/static/style.css
@@ -146,9 +146,6 @@ input[type="text"] {
 
 .typing-indicator {
     display: none;
-    align-items: center;
-    justify-content: flex-end;
-    margin-top: 8px;
     width: 10px;
     height: 10px;
     background-color: #333;
