From 71825691b58539c91ff4c95bd1d7e1d7418457f8 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Mon, 5 Jun 2023 06:24:02 +0900
Subject: [PATCH] width fix for QuickReply settings boxes

---
 public/scripts/extensions/quick-reply/index.js | 10 +++++-----
 public/style.css                               |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/scripts/extensions/quick-reply/index.js b/public/scripts/extensions/quick-reply/index.js
index 6273d325c..3760bd2fa 100644
--- a/public/scripts/extensions/quick-reply/index.js
+++ b/public/scripts/extensions/quick-reply/index.js
@@ -122,23 +122,23 @@ jQuery(async () => {
             </label>
             <small><i>Customize your Quick Replies:</i></small><br>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply1Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply1Label" placeholder="(Add a button label)">
                 <textarea id="quickReply1Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply2Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply2Label" placeholder="(Add a button label)">
                 <textarea id="quickReply2Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply3Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply3Label" placeholder="(Add a button label)">
                 <textarea id="quickReply3Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply4Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply4Label" placeholder="(Add a button label)">
                 <textarea id="quickReply4Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
             <div class="flex-container alignitemsflexstart">
-                <input class="text_pole widthUnset" id="quickReply5Label" placeholder="(Add a button label)">
+                <input class="text_pole wide30p" id="quickReply5Label" placeholder="(Add a button label)">
                 <textarea id="quickReply5Mes"  placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
             </div>
         </div>
diff --git a/public/style.css b/public/style.css
index 97bd14295..9ea492067 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3812,6 +3812,10 @@ toolcool-color-picker {
     width: 50% !important;
 }
 
+.wide30p {
+    width: 30% !important;
+}
+
 
 .justifyLeft {
     text-align: start;