fix: Порты - the «Без ufw» switch in the line of the note, at its right, never over it when the button wraps

internal/server/web/templates/forwards.html

@@ -10,22 +10,19 @@
     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; }
-  /* The ufw switch hangs under the button, centred on it, level with the note. */
+  /* Under the fields: the note, and the ufw switch at the right, under the
-  .frow .act { position:relative; }
+     button - on a line of its own when the room runs out, never over the note. */
-  .frow .act label.check {
+  .under { display:flex; align-items:flex-start; justify-content:space-between; gap:8px 16px; flex-wrap:wrap;
-    position:absolute; top:100%; left:50%; transform:translateX(-50%);
+           min-height:20px; margin:12px 0 0; font-size:13px; line-height:20px; }
-    display:inline-flex; align-items:center; gap:8px; height:20px; margin:12px 0 0;
+  .under #note { flex:1 1 240px; min-width:0; }
-    color:var(--text); font-size:14px; cursor:pointer;
+  .under label.check { flex:none; display:inline-flex; align-items:center; gap:8px; height:20px; margin:0 0 0 auto;
-  }
+                       color:var(--text); font-size:14px; cursor:pointer; white-space:nowrap; }
-  .under { min-height:20px; margin:12px 110px 0 0; font-size:13px; line-height:20px; }
   /* Phones: two fields a line, the label and the button each a line of their own. */
   @media (max-width: 640px) {
     .frow .fld, .frow .fld.addr { width:calc(50% - 6px); }
     .frow .fld.grow { flex:1 1 100%; }
-    .frow .act { display:flex; align-items:center; gap:16px; width:100%; }
+    .frow .act { width:100%; }
-    .frow .act button { flex:1; }
+    .frow .act button { width:100%; }
-    .frow .act label.check { position:static; transform:none; margin:0; }
-    .under { margin-right:0; }
   }
 </style>
 <div class="wrap">
@@ -94,14 +91,15 @@
         </div>
         <div class="act">
           <button type="submit">Создать</button>
+        </div>
+      </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>