From 81a2c96e0b660256146e3eed0e0ab34ca2492c11 Mon Sep 17 00:00:00 2001
From: iRedTea <red__tea@outlook.com>
Date: Tue, 13 Oct 2026 23:23:03 +0300
Subject: [PATCH] fix: centre the ufw switch under the create button

---
 internal/server/web/templates/forwards.html | 28 +++++++++++----------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/internal/server/web/templates/forwards.html b/internal/server/web/templates/forwards.html
index 74e82e2..358cbc9 100644
--- a/internal/server/web/templates/forwards.html
+++ b/internal/server/web/templates/forwards.html
@@ -16,12 +16,14 @@
     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; }
-  /* 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;
+  /* The ufw switch hangs under the button, centred on it, level with the note. */
+  .frow .act { position:relative; }
+  .frow .act label.check {
+    position:absolute; top:100%; left:50%; transform:translateX(-50%);
+    display:inline-flex; align-items:center; gap:8px; height:20px; margin:12px 0 0;
     color:var(--text); font-size:14px; cursor:pointer;
   }
+  .under { min-height:20px; margin:12px 110px 0 0; font-size:13px; line-height:20px; }
 </style>
 </head>
 <body>
@@ -99,16 +101,16 @@
           <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}}
+        <div class="act">
+          <button type="submit">Создать</button>
+          {{if .UfwEnabled}}
+          <label class="check" title="Порт не будет открыт в ufw, и при удалении правила в ufw ничего не изменится">
+            <input type="checkbox" name="no_ufw" value="1"> Без ufw
+          </label>
+          {{end}}
+        </div>
       </div>
+      <div class="under"><span class="muted" id="note"></span></div>
     </form>
   </div>