Fix button borders in dark theme

chat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "main": "./src/index.tsx",
   "license": "MIT",
   "dependencies": {

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;

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) => {

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>