fix: centre the ufw switch under the create button

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>
+        <div class="act">
           <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>
+      </div>
+      <div class="under"><span class="muted" id="note"></span></div>
     </form>
   </div>