From c8b574906bca7a502828a40803c7ebe686b7405f Mon Sep 17 00:00:00 2001
From: Outrun Colors <itsoutruncolors@gmail.com>
Date: Sat, 24 Sep 2022 22:13:42 -0500
Subject: [PATCH] Fix button borders in dark theme

---
 chat/package.json                      | 2 +-
 chat/src/App.css                       | 2 +-
 chat/src/features/chat/ChatMessage.css | 4 ++++
 chat/src/features/chat/UserInput.tsx   | 6 +++---
 files/templates/settings_profile.html  | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/chat/package.json b/chat/package.json
index f49e5106a..79ff08fb5 100644
--- a/chat/package.json
+++ b/chat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "main": "./src/index.tsx",
   "license": "MIT",
   "dependencies": {
diff --git a/chat/src/App.css b/chat/src/App.css
index c32582e65..114efa395 100644
--- a/chat/src/App.css
+++ b/chat/src/App.css
@@ -118,4 +118,4 @@ lite-youtube {
 
 .btn-secondary {
   border: none !important;
-}
+}
\ No newline at end of file
diff --git a/chat/src/features/chat/ChatMessage.css b/chat/src/features/chat/ChatMessage.css
index e09194f4f..066c0d88a 100644
--- a/chat/src/features/chat/ChatMessage.css
+++ b/chat/src/features/chat/ChatMessage.css
@@ -14,6 +14,10 @@
   padding-right: 3rem;
 }
 
+.ChatMessage .btn {
+  border: none !important;
+}
+
 .ChatMessage-top {
   display: flex;
   align-items: center;
diff --git a/chat/src/features/chat/UserInput.tsx b/chat/src/features/chat/UserInput.tsx
index 7e6e8b3c4..b1743db68 100644
--- a/chat/src/features/chat/UserInput.tsx
+++ b/chat/src/features/chat/UserInput.tsx
@@ -55,6 +55,9 @@ export function UserInput() {
   );
   const handleToggleEmojiDrawer = useCallback(() => {
     if (open) {
+      builtChatInput.current?.focus();
+      hide();
+    } else {
       reveal({
         title: "Select an emoji",
         content: (
@@ -64,9 +67,6 @@ export function UserInput() {
           />
         ),
       });
-    } else {
-      builtChatInput.current?.focus();
-      hide();
     }
   }, [open]);
   const handleSelectEmoji = useCallback((emoji: string) => {
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index 27dbae01d..78a432afc 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -769,7 +769,7 @@
 							<div class="body w-lg-100">
 						
 								<div class="custom-control custom-switch">
-									<input autocomplete="off" type="checkbox" class="custom-control-input" id="spiderswitch" name="spider" {% if v.spider%}checked{% endif %} {% if v.spider > 1 %}disabled{% endif %} onchange="post_toast(this,'/settings/profile?spider='+document.getElementById('spiderswitch').checked)">
+									<input autocomplete="off" type="checkbox" class="custom-control-input" id="spiderswitch" name="spider" {% if v.spider%}checked{% endif %} {% if v.spider and v.spider > 1 %}disabled{% endif %} onchange="post_toast(this,'/settings/profile?spider='+document.getElementById('spiderswitch').checked)">
 									<label class="custom-control-label" for="spiderswitch"></label>
 								</div>