From f0891c5e6ffba71afdb446c7ab2d91d21764cd0c Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Thu, 13 Apr 2023 22:49:54 +0300
Subject: [PATCH 1/2] Update icons

---
 public/index.html                          | 14 +++++++-------
 public/scripts/RossAscends-mods.js         |  2 +-
 public/scripts/extensions/caption/index.js |  4 ++--
 public/style.css                           |  4 +++-
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4cb054aa6..4214a58c2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1753,28 +1753,28 @@
                     <div id="options">
                         <div class="options-content">
                             <a id="option_back_to_main">
-                                <div class="fa-solid fa-left-long "></div>
+                                <div class="fa-lg fa-solid fa-left-long"></div>
                                 <span>Back to main chat</span>
                             </a>
                             <a id="option_new_bookmark">
-                                <div class="fa-solid fa-bookmark "></div>
+                                <div class="fa-lg fa-solid fa-bookmark"></div>
                                 <span>Save bookmark</span>
                             </a>
                             <a id="option_start_new_chat">
-                                <div class="fa-solid fa-comment-dots "></div>
+                                <div class="fa-lg fa-solid fa-comment-dots"></div>
                                 <span>Start new chat</span>
                             </a>
                             <a id="option_select_chat">
-                                <div class="fa-solid fa-address-book "></div>
+                                <div class="fa-lg fa-solid fa-address-book"></div>
                                 <span>View past chats</span>
                             </a>
                             <hr>
                             <a id="option_delete_mes">
-                                <div class="fa-solid fa-trash-can "></div>
+                                <div class="fa-lg fa-solid fa-trash-can"></div>
                                 <span>Delete messages</span>
                             </a>
                             <a id="option_regenerate">
-                                <div class="fa-solid fa-repeat "></div>
+                                <div class="fa-lg fa-solid fa-repeat "></div>
                                 <span>Regenerate</span>
                             </a>
                         </div>
@@ -1783,7 +1783,7 @@
                 <textarea id="send_textarea" placeholder="Not connected to API!" name="text"></textarea>
                 <div id="send_but_sheld">
                     <div id="loading_mes">
-                        <div alt="" class="fa-solid fa-spin fa-hourglass-half "></div>
+                        <div alt="" class="fa-solid fa-fade fa-hourglass-half"></div>
                     </div>
                     <div id="send_but" class="fa-solid fa-feather-pointed"></div>
                 </div>
diff --git a/public/scripts/RossAscends-mods.js b/public/scripts/RossAscends-mods.js
index 15856e2fa..a2c9339a6 100644
--- a/public/scripts/RossAscends-mods.js
+++ b/public/scripts/RossAscends-mods.js
@@ -220,7 +220,7 @@ function RA_checkOnlineStatus() {
             RA_AC_retries = 1;
 
             if (!is_send_press && !(selected_group && is_group_generating)) {
-                $("#send_but").css("display", "inline"); //on connect, send button shows
+                $("#send_but").css("display", "flex"); //on connect, send button shows
             }
         }
     }
diff --git a/public/scripts/extensions/caption/index.js b/public/scripts/extensions/caption/index.js
index b76afe260..e1528d33c 100644
--- a/public/scripts/extensions/caption/index.js
+++ b/public/scripts/extensions/caption/index.js
@@ -17,7 +17,7 @@ async function setImageIcon() {
     try {
         const sendButton = document.getElementById('send_picture');
         sendButton.classList.add('fa-image');
-        sendButton.classList.remove('fa-hourglass-half', 'fa-spin');
+        sendButton.classList.remove('fa-hourglass-half', 'fa-fade');
     }
     catch (error) {
         console.log(error);
@@ -28,7 +28,7 @@ async function setSpinnerIcon() {
     try {
         const sendButton = document.getElementById('send_picture');
         sendButton.classList.remove('fa-image');
-        sendButton.classList.add('fa-hourglass-half', 'fa-spin');
+        sendButton.classList.add('fa-hourglass-half', 'fa-fade');
     }
     catch (error) {
         console.log(error);
diff --git a/public/style.css b/public/style.css
index cc93606bf..ba294b702 100644
--- a/public/style.css
+++ b/public/style.css
@@ -361,7 +361,9 @@ code {
     color: var(--ivory, white);
     padding: 12px 16px;
     text-decoration: none;
-    display: block;
+    display: flex;
+    align-items: center;
+    column-gap: 10px;
 }
 
 .options-content img {

From e5c4aa1a1c1bb53ae8af0a2864d947b9307d3de2 Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Thu, 13 Apr 2023 22:50:35 +0300
Subject: [PATCH 2/2] Fix button display

---
 public/style.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index cc9efe45e..62e8bd088 100644
--- a/public/style.css
+++ b/public/style.css
@@ -278,7 +278,6 @@ code {
     transition: 0.3s;
     filter: brightness(0.7);
     order: 99999;
-    display: flex;
     align-items: center;
     justify-content: center;
 }