From b24509ef435476c90e03fb8161ab7642d3ef2df3 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Thu, 14 Sep 2023 21:41:30 +0300
Subject: [PATCH] Visual touchup of custom expressions

---
 public/scripts/extensions/expressions/index.js      | 4 ++++
 public/scripts/extensions/expressions/settings.html | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/public/scripts/extensions/expressions/index.js b/public/scripts/extensions/expressions/index.js
index 1b8ca081f..9d5a05511 100644
--- a/public/scripts/extensions/expressions/index.js
+++ b/public/scripts/extensions/expressions/index.js
@@ -940,6 +940,10 @@ function renderCustomExpressions() {
         option.text = expression;
         $('#expression_custom').append(option);
     }
+
+    if (customExpressions.length === 0) {
+        $('#expression_custom').append('<option value="" disabled selected>[ No custom expressions ]</option>');
+    }
 }
 
 async function getExpressionsList() {
diff --git a/public/scripts/extensions/expressions/settings.html b/public/scripts/extensions/expressions/settings.html
index 31d395f99..89e73fa63 100644
--- a/public/scripts/extensions/expressions/settings.html
+++ b/public/scripts/extensions/expressions/settings.html
@@ -18,13 +18,13 @@
                 <input id="image_type_toggle" type="checkbox">
                 <span>Image Type - talkinghead (extras)</span>
             </label>
-            <div class="expression_custom_block">
+            <div class="expression_custom_block m-b-1 m-t-1">
                 <label for="expression_custom">Custom Expressions</label>
                 <small>Can be set manually or with an <tt>/emote</tt> slash command.</small>
-                <div class="flex-container alignitemscenter">
+                <div class="flex-container">
                     <select id="expression_custom" class="flex1 margin0"><select>
-                    <i id="expression_custom_add" class="menu_button fa-solid fa-plus" title="Add"></i>
-                    <i id="expression_custom_remove" class="menu_button fa-solid fa-xmark" title="Remove"></i>
+                    <i id="expression_custom_add" class="menu_button fa-solid fa-plus margin0" title="Add"></i>
+                    <i id="expression_custom_remove" class="menu_button fa-solid fa-xmark margin0" title="Remove"></i>
                 </div>
             </div>
             <div id="no_chat_expressions">