feat: the ufw switch of a new forward rule goes under the button

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">