From 7c27211bc9ead3c15bc8b65dfbadb2003c870b3d Mon Sep 17 00:00:00 2001
From: Wolfsblvt <wolfsblvt@gmail.com>
Date: Tue, 30 Jul 2024 20:51:55 +0200
Subject: [PATCH] QR label alignment/wrapping

---
 .../scripts/extensions/quick-reply/html/qrEditor.html  |  2 +-
 public/scripts/extensions/quick-reply/style.css        |  7 +++++++
 public/scripts/extensions/quick-reply/style.less       | 10 ++++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/public/scripts/extensions/quick-reply/html/qrEditor.html b/public/scripts/extensions/quick-reply/html/qrEditor.html
index b7603c6a8..89766d78a 100644
--- a/public/scripts/extensions/quick-reply/html/qrEditor.html
+++ b/public/scripts/extensions/quick-reply/html/qrEditor.html
@@ -83,7 +83,7 @@
 
 
 		<h3 data-i18n="Auto-Execute">Auto-Execute</h3>
-		<div class="flex-container flexFlowColumn">
+		<div id="qr--autoExec" class="flex-container flexFlowColumn">
 			<label class="checkbox_label" title="Prevent this quick reply from triggering other auto-executed quick replies while auto-executing (i.e., prevent recursive auto-execution)">
 				<input type="checkbox" id="qr--preventAutoExecute" >
 				<span><i class="fa-solid fa-fw fa-plane-slash"></i><span data-i18n="Don't trigger auto-execute">Don't trigger auto-execute</span></span>
diff --git a/public/scripts/extensions/quick-reply/style.css b/public/scripts/extensions/quick-reply/style.css
index 837a91f87..3e5345031 100644
--- a/public/scripts/extensions/quick-reply/style.css
+++ b/public/scripts/extensions/quick-reply/style.css
@@ -316,6 +316,7 @@
 #qr--qrOptions {
   display: flex;
   flex-direction: column;
+  padding-right: 1px;
 }
 #qr--qrOptions > #qr--ctxEditor .qr--ctxItem {
   display: flex;
@@ -323,6 +324,12 @@
   gap: 0.5em;
   align-items: baseline;
 }
+#qr--qrOptions > #qr--autoExec .checkbox_label {
+  text-wrap: nowrap;
+}
+#qr--qrOptions > #qr--autoExec .checkbox_label .fa-fw {
+  margin-right: 2px;
+}
 @media screen and (max-width: 750px) {
   body .popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor {
     flex-direction: column;
diff --git a/public/scripts/extensions/quick-reply/style.less b/public/scripts/extensions/quick-reply/style.less
index e906da230..535a49507 100644
--- a/public/scripts/extensions/quick-reply/style.less
+++ b/public/scripts/extensions/quick-reply/style.less
@@ -368,6 +368,7 @@
 #qr--qrOptions {
     display: flex;
     flex-direction: column;
+    padding-right: 1px;
 
     >#qr--ctxEditor {
         .qr--ctxItem {
@@ -377,6 +378,15 @@
             align-items: baseline;
         }
     }
+        >#qr--autoExec {
+            .checkbox_label {
+                text-wrap: nowrap;
+    
+                .fa-fw {
+                    margin-right: 2px;
+                }
+            }
+        }
 }