From e0dc15740dc896550ae5b356110ef3f30bb06ba1 Mon Sep 17 00:00:00 2001
From: iRedTea <red__tea@outlook.com>
Date: Tue, 13 Oct 2026 23:22:07 +0300
Subject: [PATCH] feat: the ufw switch of a new forward rule goes under the
 button

---
 internal/server/web/templates/forwards.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/internal/server/web/templates/forwards.html b/internal/server/web/templates/forwards.html
index 1db4d41..74e82e2 100644
--- a/internal/server/web/templates/forwards.html
+++ b/internal/server/web/templates/forwards.html
@@ -16,8 +16,10 @@
     height:40px; box-sizing:border-box; font-size:14px; line-height:1; margin:0;
   }
   .frow select { min-width:0; width:100%; padding:0 30px 0 12px; background-position:right 10px center; }
-  .frow label.check {
-    display:inline-flex; align-items:center; gap:8px; height:40px; margin:0;
+  /* Under the line: the note of the chosen type, and the ufw switch below the button. */
+  .under { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; font-size:13px; }
+  .under label.check {
+    display:inline-flex; align-items:center; gap:8px; margin:0 0 0 auto; white-space:nowrap;
     color:var(--text); font-size:14px; cursor:pointer;
   }
 </style>
@@ -97,15 +99,17 @@
           <label>Метка</label>
           <input type="text" name="label" maxlength="80" placeholder="необязательно">
         </div>
+        <button type="submit">Создать</button>
+      </div>
+      <div class="under">
+        <span class="muted" id="note"></span>
         {{if .UfwEnabled}}
         <label class="check" title="Порт не будет открыт в ufw, и при удалении правила в ufw ничего не изменится">
           <input type="checkbox" name="no_ufw" value="1"> Без ufw
         </label>
         {{end}}
-        <button type="submit">Создать</button>
       </div>
     </form>
-    <p class="muted" id="note" style="font-size:13px; margin-top:12px"></p>
   </div>
 
   <div class="card">