From a7e7f76d91ade911d59b9c40711107297001e40e Mon Sep 17 00:00:00 2001
From: Saifeddine ALOUI <aloui.seifeddine@gmail.com>
Date: Sat, 15 Apr 2023 00:19:56 +0200
Subject: [PATCH] upgraded ui

---
 static/js/audio.js  |  5 +++--
 templates/main.html | 12 +++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/static/js/audio.js b/static/js/audio.js
index 412e8522..ae69a470 100644
--- a/static/js/audio.js
+++ b/static/js/audio.js
@@ -159,8 +159,9 @@ if (!userAgent.match(/firefox|fxios/i)) {
         audio_in_button.classList.add("audio_btn");
         audio_in_button.innerHTML = "🎤";
 
-        input.parentNode.parentNode.appendChild(
-          audio_in_button
+        input.parentNode.parentNode.insertBefore(
+          audio_in_button,
+          input.parentNode
         );
 
         input.classList.add("flex-1");
diff --git a/templates/main.html b/templates/main.html
index edde9e06..03bf8cf7 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -28,11 +28,13 @@
         <div id="chat-window" class="overflow-y-auto max-h-full">
     
         </div>
-        <form id="chat-form" class="flex w-full mt-auto">
-            <input type="text" id="user-input" placeholder="Type your message..." class="bg-secondary my-1 mx-1 outline-none drop-shadow-sm w-full rounded-md p-2">
-            <div id="wait-animation" style="display: none;" class="lds-facebook bg-secondary my-1 mx-1 outline-none drop-shadow-sm w-full rounded-md p-2"><div></div><div></div><div></div></div>
-            <input type="submit" value="Send" id="submit-input" class="my-1 mx-1 outline-none px-4 bg-accent text-black rounded-md hover:bg-[#7ba0ea] active:bg-[#3d73e1]  transition-colors ease-in-out">
-        </form>    
+        <div class="flex w-full mt-auto flex-row">
+            <form id="chat-form" class="flex w-full mt-auto">
+                <input type="text" id="user-input" placeholder="Type your message..." class="bg-secondary my-1 mx-1 outline-none drop-shadow-sm w-full rounded-md p-2">
+                <div id="wait-animation" style="display: none;" class="lds-facebook bg-secondary my-1 mx-1 outline-none drop-shadow-sm w-full rounded-md p-2"><div></div><div></div><div></div></div>
+                <input type="submit" value="Send" id="submit-input" class="my-1 mx-1 outline-none px-4 bg-accent text-black rounded-md hover:bg-[#7ba0ea] active:bg-[#3d73e1]  transition-colors ease-in-out">
+            </form>
+        </div>    
     </div>
     
 </div>
\ No newline at end of file