design: settings-save-row - the form in the left column

The owner, 2026-10-16, on the pictures of both layouts with the records
missing and right: "Вариант 2: форма в левой колонке, кнопка под своими
полями."

Server › Settings: the form holds only the left column - 01 Log
retention, 02 Notifications, Save settings under them - so the button
sits under the fields it saves whatever the records' state. The right
column, outside the form, holds what is not a field: 03 Notification
mail (the records of the server's own name) and 04 Sending rate limits
(read-only). The boxes are numbered column by column, as before.

outlines.json rewritten for settings (check.py --write): the form moved
from around the columns into the first one; nothing else changed.
check.py: 0 violations.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/assets/panel-redesign/panel/outlines.json

@@ -386,25 +386,25 @@
  ],
  "settings": [
   "head",
-  {
-   "form": [
   {
    "columns": [
     {
      "is-6": [
-        "box[Log retention]:body",
-        "box[Sending rate limits]:body"
-       ]
-      },
       {
-       "is-6": [
+       "form": [
+        "box[Log retention]:body",
         "box[Notifications]:body",
-        "box[Notification mail]:record×2"
+        "submit_row"
        ]
       }
      ]
     },
-    "submit_row"
+    {
+     "is-6": [
+      "box[Notification mail]:record×2",
+      "box[Sending rate limits]:body"
+     ]
+    }
    ]
   }
  ],

docs/assets/panel-redesign/panel/settings.html

@@ -73,9 +73,9 @@
       </div>
     </div>
 
-    <form class="sp-form" method="post" action="#">
     <div class="columns">
       <div class="column is-6">
+        <form class="sp-form" method="post" action="#">
           <div class="box">
             <div class="sp-box-head"><span class="sp-no">01</span><h2>Log retention</h2><a class="sp-help" href="help.html#settings" title="How long rows are kept"><i class="ti ti-help-circle"></i></a></div>
             <div class="sp-box-body">
@@ -88,28 +88,20 @@
             </div>
           </div>
 
-          <div class="box" id="rate-limits">
-            <div class="sp-box-head"><span class="sp-no">02</span><h2>Sending rate limits</h2><div class="sp-end">Read-only</div><a class="sp-help" href="help.html#limits" title="Levels 1 and 2"><i class="ti ti-help-circle"></i></a></div>
-            <div class="sp-box-body">
-              <dl class="sp-facts">
-                <div><dt>Level 1 · per client IP</dt><dd class="sp-big">600 / h</dd><dd class="sp-muted">Set in <code>.env</code>; restart to change. Nothing below may exceed it.</dd></div>
-                <div><dt>Level 2 · domain, application</dt><dd>Set on each <a href="out-domain-settings.html">domain</a> and <a href="out-app.html">application</a>.</dd></div>
-              </dl>
-            </div>
-          </div>
-        </div>
-
-        <div class="column is-6">
           <div class="box" id="notifications">
-            <div class="sp-box-head"><span class="sp-no">03</span><h2>Notifications</h2><a class="sp-help" href="help.html#notifications" title="What is sent and when"><i class="ti ti-help-circle"></i></a></div>
+            <div class="sp-box-head"><span class="sp-no">02</span><h2>Notifications</h2><a class="sp-help" href="help.html#notifications" title="What is sent and when"><i class="ti ti-help-circle"></i></a></div>
             <div class="sp-box-body">
               <div class="field"><label class="checkbox"><input type="checkbox" name="notify" checked> Send notification e-mails</label>
                 <p class="help">From <span class="sp-mono">postmaster@mail.example.org</span>, to every user who has an e-mail and has not turned them off under <a href="account.html">Account</a>.</p></div>
             </div>
           </div>
+          <div class="buttons"><button type="submit" class="button is-primary">Save settings</button></div>
+        </form>
+      </div>
 
+      <div class="column is-6">
         <div class="box" id="notification-mail">
-            <div class="sp-box-head"><span class="sp-no">04</span><h2>Notification mail</h2><div class="sp-end">DNS records of the server's own name</div><a class="sp-help" href="help.html#notifications" title="What the panel sends and what makes it arrive"><i class="ti ti-help-circle"></i></a></div>
+          <div class="sp-box-head"><span class="sp-no">03</span><h2>Notification mail</h2><div class="sp-end">DNS records of the server's own name</div><a class="sp-help" href="help.html#notifications" title="What the panel sends and what makes it arrive"><i class="ti ti-help-circle"></i></a></div>
 
           <details class="sp-record">
             <summary class="sp-record-head"><h3>DKIM</h3><span class="tag is-success is-light">published</span><small>Not a secret · selector <code>sp2026</code></small><span class="sp-record-toggle"><i class="ti ti-eye"></i><span>Show values</span><span>Hide values</span></span></summary>
@@ -134,10 +126,18 @@
             <p class="help">Notifications are sent without it, and a receiver may file them as spam.</p>
           </div>
         </div>
+
+        <div class="box" id="rate-limits">
+          <div class="sp-box-head"><span class="sp-no">04</span><h2>Sending rate limits</h2><div class="sp-end">Read-only</div><a class="sp-help" href="help.html#limits" title="Levels 1 and 2"><i class="ti ti-help-circle"></i></a></div>
+          <div class="sp-box-body">
+            <dl class="sp-facts">
+              <div><dt>Level 1 · per client IP</dt><dd class="sp-big">600 / h</dd><dd class="sp-muted">Set in <code>.env</code>; restart to change. Nothing below may exceed it.</dd></div>
+              <div><dt>Level 2 · domain, application</dt><dd>Set on each <a href="out-domain-settings.html">domain</a> and <a href="out-app.html">application</a>.</dd></div>
+            </dl>
+          </div>
+        </div>
       </div>
     </div>
-      <div class="buttons"><button type="submit" class="button is-primary">Save settings</button></div>
-    </form>
 
     <footer class="sp-foot">SelfPost 1.8.0 · © 2026 Mix · <a href="#">License (AGPL-3.0)</a> · <a href="#">Source</a> · No warranty</footer>
   </div>

docs/assets/panel-redesign/panel/src/settings.html

@@ -7,9 +7,9 @@
       </div>
     </div>
 
-    <form class="sp-form" method="post" action="#">
     <div class="columns">
       <div class="column is-6">
+        <form class="sp-form" method="post" action="#">
           <div class="box">
             <div class="sp-box-head"><span class="sp-no">01</span><h2>Log retention</h2><a class="sp-help" href="help.html#settings" title="How long rows are kept"><i class="ti ti-help-circle"></i></a></div>
             <div class="sp-box-body">
@@ -22,28 +22,20 @@
             </div>
           </div>
 
-          <div class="box" id="rate-limits">
-            <div class="sp-box-head"><span class="sp-no">02</span><h2>Sending rate limits</h2><div class="sp-end">Read-only</div><a class="sp-help" href="help.html#limits" title="Levels 1 and 2"><i class="ti ti-help-circle"></i></a></div>
-            <div class="sp-box-body">
-              <dl class="sp-facts">
-                <div><dt>Level 1 · per client IP</dt><dd class="sp-big">600 / h</dd><dd class="sp-muted">Set in <code>.env</code>; restart to change. Nothing below may exceed it.</dd></div>
-                <div><dt>Level 2 · domain, application</dt><dd>Set on each <a href="out-domain-settings.html">domain</a> and <a href="out-app.html">application</a>.</dd></div>
-              </dl>
-            </div>
-          </div>
-        </div>
-
-        <div class="column is-6">
           <div class="box" id="notifications">
-            <div class="sp-box-head"><span class="sp-no">03</span><h2>Notifications</h2><a class="sp-help" href="help.html#notifications" title="What is sent and when"><i class="ti ti-help-circle"></i></a></div>
+            <div class="sp-box-head"><span class="sp-no">02</span><h2>Notifications</h2><a class="sp-help" href="help.html#notifications" title="What is sent and when"><i class="ti ti-help-circle"></i></a></div>
             <div class="sp-box-body">
               <div class="field"><label class="checkbox"><input type="checkbox" name="notify" checked> Send notification e-mails</label>
                 <p class="help">From <span class="sp-mono">postmaster@mail.example.org</span>, to every user who has an e-mail and has not turned them off under <a href="account.html">Account</a>.</p></div>
             </div>
           </div>
+          <div class="buttons"><button type="submit" class="button is-primary">Save settings</button></div>
+        </form>
+      </div>
 
+      <div class="column is-6">
         <div class="box" id="notification-mail">
-            <div class="sp-box-head"><span class="sp-no">04</span><h2>Notification mail</h2><div class="sp-end">DNS records of the server's own name</div><a class="sp-help" href="help.html#notifications" title="What the panel sends and what makes it arrive"><i class="ti ti-help-circle"></i></a></div>
+          <div class="sp-box-head"><span class="sp-no">03</span><h2>Notification mail</h2><div class="sp-end">DNS records of the server's own name</div><a class="sp-help" href="help.html#notifications" title="What the panel sends and what makes it arrive"><i class="ti ti-help-circle"></i></a></div>
 
           <details class="sp-record">
             <summary class="sp-record-head"><h3>DKIM</h3><span class="tag is-success is-light">published</span><small>Not a secret · selector <code>sp2026</code></small><span class="sp-record-toggle"><i class="ti ti-eye"></i><span>Show values</span><span>Hide values</span></span></summary>
@@ -68,7 +60,15 @@
             <p class="help">Notifications are sent without it, and a receiver may file them as spam.</p>
           </div>
         </div>
+
+        <div class="box" id="rate-limits">
+          <div class="sp-box-head"><span class="sp-no">04</span><h2>Sending rate limits</h2><div class="sp-end">Read-only</div><a class="sp-help" href="help.html#limits" title="Levels 1 and 2"><i class="ti ti-help-circle"></i></a></div>
+          <div class="sp-box-body">
+            <dl class="sp-facts">
+              <div><dt>Level 1 · per client IP</dt><dd class="sp-big">600 / h</dd><dd class="sp-muted">Set in <code>.env</code>; restart to change. Nothing below may exceed it.</dd></div>
+              <div><dt>Level 2 · domain, application</dt><dd>Set on each <a href="out-domain-settings.html">domain</a> and <a href="out-app.html">application</a>.</dd></div>
+            </dl>
+          </div>
+        </div>
       </div>
     </div>
-      <div class="buttons"><button type="submit" class="button is-primary">Save settings</button></div>
-    </form>