QR label alignment/wrapping

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>

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;

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;
+                }
+            }
+        }
 }