From 13ace1d24e12768261335d8a53be016bf77e194d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 14:42:40 +0200
Subject: [PATCH 1/6] remove most of the stuff mentioned in internal.exs in
 !pleroma/4403

---
 .../settings_modal/admin_tabs/http_tab.vue    | 40 ---------
 .../admin_tabs/job_queues_tab.vue             | 42 ----------
 .../settings_modal/admin_tabs/other_tab.vue   | 82 -------------------
 .../settings_modal/admin_tabs/posts_tab.vue   | 14 ----
 .../admin_tabs/registrations_tab.vue          |  6 --
 src/i18n/en.json                              | 19 -----
 6 files changed, 203 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
index 7a2e7b60a..bb8123c5c 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.vue
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -33,37 +33,6 @@
     <div class="setting-item">
       <h3>{{ $t('admin_dash.http.incoming') }}</h3>
       <ul class="setting-list">
-        <h4>{{ $t('admin_dash.http.cors') }}</h4>
-        <li>
-          <IntegerSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':max_age']"
-            path=":cors_plug.:max_age"
-          />
-        </li>
-        <li>
-          <BooleanSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':credentials']"
-            path=":cors_plug.:credentials"
-          />
-        </li>
-        <li>
-          <ListSetting
-            path=":cors_plug.:methods"
-            :description-path-override="[':cors_plug', '<ROOT>', ':methods']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':expose']"
-            path=":cors_plug.:expose"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':headers']"
-            path=":cors_plug.:headers"
-          />
-        </li>
         <h4>{{ $t('admin_dash.http.security') }}</h4>
         <li>
           <BooleanSetting path=":pleroma.:http_security.:enabled" />
@@ -86,14 +55,6 @@
         <li>
           <StringSetting path=":pleroma.:http_security.:report_url" />
         </li>
-        <h4>{{ $t('admin_dash.http.web_cache_ttl') }}</h4>
-        <p>{{ $t('admin_dash.http.web_cache_ttl_description') }}</p>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub_question" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.http.web_push') }}</h3>
       <p>{{ $t('admin_dash.http.web_push_description') }}</p>
@@ -116,7 +77,6 @@
       </ul>
       <!-- CONFIRM admin_token should go there but something is wrong with both data and description. -->
       <!-- given the nature of the setting it's probably better to not expose it and deprecate it on backend side -->
-      <!-- CONFIRM :pleroma.:streamer should also PROBABLY? go here but it's completely MIA from backend besides references to config description -->
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index f156a6fa5..0e4f8c1a7 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -1,48 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.job_queues.Oban') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ChoiceSetting path=":pleroma.Oban.:log" />
-          <h4>{{ $t('admin_dash.job_queues.queues') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_incoming" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_outgoing" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:attachments_cleanup" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:mailer" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:activity_expiration" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:scheduled_activities" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:transmogrifier" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:web_push" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:slow" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:background" />
-            </li>
-          </ul>
-          <GroupSetting path=":pleroma.Oban.:queues" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
index 967b4bd61..be70892b2 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.vue
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -6,15 +6,9 @@
         <li>
           <StringSetting path=":pleroma.:instance.:static_dir" />
         </li>
-        <li>
-          <StringSetting path=":pleroma.:modules.:runtime_dir" />
-        </li>
         <li>
           <BooleanSetting path=":pleroma.:instance.:profile_directory" />
         </li>
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.ApiSpec.CastAndValidate',':strict']" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.other.reports') }}</h3>
       <ul class="setting-list">
@@ -42,82 +36,6 @@
           <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':timeout']" />
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.other.feed') }}</h3>
-      <ul class="setting-list">
-        <h4>{{ $t('admin_dash.other.feed_title') }}</h4>
-        <li>
-          <IntegerSetting path=":pleroma.:feed.:post_title.:max_length" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:feed.:post_title.:omission" />
-        </li>
-        <li>
-          <GroupSetting path=":pleroma.:feed.:post_title" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.remote_ip') }}</h3>
-      <p>{{ $t('admin_dash.other.remote_ip_description') }}</p>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':enabled']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':headers']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':proxies']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':reserved']" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.mime') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ListSetting
-            override-backend-description-label="application/activity+json"
-            hide-description
-            :path="[':mime',':types', 'application/activity+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/jrd+json"
-            hide-description
-            :path="[':mime',':types', 'application/jrd+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/ld+json"
-            hide-description
-            :path="[':mime',':types', 'application/ld+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xml"
-            hide-description
-            :path="[':mime',':types', 'application/xml']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xrd+xml"
-            hide-description
-            :path="[':mime',':types', 'application/xrd+xml']"
-          />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.streamer') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:workers" />
-        </li>
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:overflow_workers" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.other.privileges') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
index 8f2319840..ac988053e 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.vue
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -12,20 +12,6 @@
         <li>
           <ListSetting path=":pleroma.:instance.:allowed_post_formats" />
         </li>
-        <li>
-          <h4>{{ $t('admin_dash.posts.scheduled_activites') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <BooleanSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':enabled']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':daily_user_limit']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':total_user_limit']" />
-            </li>
-          </ul>
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.posts.remote') }}</h3>
       <ul class="setting-list">
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 80b16cc69..0da7c34e8 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -168,12 +168,6 @@
       </ul>
       <h3>{{ $t('admin_dash.registrations.restrictions') }}</h3>
       <ul class="setting-list">
-        <li>
-          <ListSetting
-            ignore-suggestions
-            :path="[':pleroma', 'Pleroma.User', ':restricted_nicknames']"
-          />
-        </li>
         <li>
           <ListSetting
             ignore-suggestions
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 80cd57738..8527aa2f9 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1179,10 +1179,6 @@
       "reports": "Reports",
       "feed": "RSS Feed",
       "feed_title": "Article Title",
-      "mime": "MIME Types",
-      "remote_ip": "Reverse Proxy / Remote IP",
-      "remote_ip_description": "This should be disabled only if your instance is NOT behind a reverse proxy",
-      "streamer": "Notifications Streamer",
       "privileges": "Privileges"
     },
     "monitoring": {
@@ -1250,9 +1246,6 @@
       "outbound": "Outgoing connections",
       "incoming": "Incoming connections",
       "security": "HTTP Security",
-      "cors": "Cross-origin Resource Sharing (CORS)",
-      "web_cache_ttl": "Web Cache TTL",
-      "web_cache_ttl_description": "Amount of milliseconds until web response cache is cleared. Use `nil` to disable expiration entirely.",
       "web_push": "Web Push",
       "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
     },
@@ -1402,18 +1395,6 @@
     },
     "temp_overrides": {
       ":pleroma": {
-        "Oban": {
-          ":queues": {
-            ":scheduled_activites": {
-              "label": "Scheduled activities",
-              "description": "Scheduled activites queue"
-            },
-            ":slow": {
-              "label": "Slow",
-              "description": "idk"
-            }
-          }
-        },
         ":connections_pool": {
           ":max_idle_time": {
             "label": "Maximum idle time",

From 5a6f4fb4662d75f3e2bb7f435ff4893ded0e3b48 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 14:42:40 +0200
Subject: [PATCH 2/6] remove most of the stuff mentioned in internal.exs in
 !pleroma/4403

---
 .../settings_modal/admin_tabs/http_tab.vue    | 40 --------
 .../admin_tabs/job_queues_tab.vue             | 42 --------
 .../settings_modal/admin_tabs/links_tab.vue   | 99 -------------------
 .../settings_modal/admin_tabs/other_tab.vue   | 82 ---------------
 .../settings_modal/admin_tabs/posts_tab.vue   | 14 ---
 .../admin_tabs/registrations_tab.vue          |  6 --
 src/i18n/en.json                              | 19 ----
 7 files changed, 302 deletions(-)

diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
index 7a2e7b60a..bb8123c5c 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.vue
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -33,37 +33,6 @@
     <div class="setting-item">
       <h3>{{ $t('admin_dash.http.incoming') }}</h3>
       <ul class="setting-list">
-        <h4>{{ $t('admin_dash.http.cors') }}</h4>
-        <li>
-          <IntegerSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':max_age']"
-            path=":cors_plug.:max_age"
-          />
-        </li>
-        <li>
-          <BooleanSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':credentials']"
-            path=":cors_plug.:credentials"
-          />
-        </li>
-        <li>
-          <ListSetting
-            path=":cors_plug.:methods"
-            :description-path-override="[':cors_plug', '<ROOT>', ':methods']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':expose']"
-            path=":cors_plug.:expose"
-          />
-        </li>
-        <li>
-          <ListSetting
-            :description-path-override="[':cors_plug', '<ROOT>', ':headers']"
-            path=":cors_plug.:headers"
-          />
-        </li>
         <h4>{{ $t('admin_dash.http.security') }}</h4>
         <li>
           <BooleanSetting path=":pleroma.:http_security.:enabled" />
@@ -86,14 +55,6 @@
         <li>
           <StringSetting path=":pleroma.:http_security.:report_url" />
         </li>
-        <h4>{{ $t('admin_dash.http.web_cache_ttl') }}</h4>
-        <p>{{ $t('admin_dash.http.web_cache_ttl_description') }}</p>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:web_cache_ttl.:activity_pub_question" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.http.web_push') }}</h3>
       <p>{{ $t('admin_dash.http.web_push_description') }}</p>
@@ -116,7 +77,6 @@
       </ul>
       <!-- CONFIRM admin_token should go there but something is wrong with both data and description. -->
       <!-- given the nature of the setting it's probably better to not expose it and deprecate it on backend side -->
-      <!-- CONFIRM :pleroma.:streamer should also PROBABLY? go here but it's completely MIA from backend besides references to config description -->
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index f156a6fa5..0e4f8c1a7 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -1,48 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
     <div class="setting-item">
-      <h3>{{ $t('admin_dash.job_queues.Oban') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ChoiceSetting path=":pleroma.Oban.:log" />
-          <h4>{{ $t('admin_dash.job_queues.queues') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_incoming" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:federator_outgoing" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:attachments_cleanup" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:mailer" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:activity_expiration" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:scheduled_activities" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:transmogrifier" />
-            </li>
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:web_push" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:slow" />
-            </li>
-            <!-- CONFIRM what is this queue -->
-            <li>
-              <IntegerSetting path=":pleroma.Oban.:queues.:background" />
-            </li>
-          </ul>
-          <GroupSetting path=":pleroma.Oban.:queues" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index 9c661b209..da11b37f7 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -38,105 +38,6 @@
           <ListSetting path=":pleroma.:rich_media.:ignore_hosts" />
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.links.link_formatter') }}</h3>
-      <ul class="setting-list weird-options">
-        <li>
-          <Checkbox
-            :model-value="classIsPresent"
-            @update:model-value="checkClass"
-          >
-            <i18n-t
-              keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
-              tag="span"
-              scope="global"
-            >
-              <template #attr>
-                <code>class</code>
-              </template>
-            </i18n-t>
-          </Checkbox>
-          <div class="setting-list suboptions weird-suboptions">
-            <StringSetting
-              v-if="classIsPresent"
-              :path="[':pleroma', 'Pleroma.Formatter', ':class']"
-              hide-label
-              hide-draft-buttons
-            />
-            <GroupSetting :path="[':pleroma', 'Pleroma.Formatter', ':class']" />
-          </div>
-        </li>
-        <li>
-          <Checkbox
-            :model-value="relIsPresent"
-            @update:model-value="checkRel"
-          >
-            <i18n-t
-              keypath="admin_dash.temp_overrides.:pleroma.Pleroma_DOT_Formatter.:attribute_toggle.label"
-              tag="span"
-              scope="global"
-            >
-              <template #attr>
-                <code>rel</code>
-              </template>
-            </i18n-t>
-          </Checkbox>
-          <div class="setting-list suboptions weird-suboptions">
-            <StringSetting
-              v-if="relIsPresent"
-              :path="[':pleroma', 'Pleroma.Formatter', ':rel']"
-              hide-label
-              hide-draft-buttons
-            />
-            <GroupSetting
-              :path="[':pleroma', 'Pleroma.Formatter', ':rel']"
-            />
-          </div>
-        </li>
-        <li>
-          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':new_window']" />
-        </li>
-        <li>
-          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':strip_prefix']" />
-        </li>
-        <li>
-          <BooleanSetting :path="[':pleroma', 'Pleroma.Formatter', ':extra']" />
-        </li>
-        <li>
-          <ChoiceSetting
-            :path="[':pleroma', 'Pleroma.Formatter', ':validate_tld']"
-            :options="validateTLDOptions"
-            override-options
-          />
-        </li>
-        <li>
-          <Checkbox
-            :model-value="truncateIsPresent"
-            @update:model-value="checkTruncate"
-          >
-            {{ truncateDescription.label }}
-          </Checkbox>
-          <div class="setting-list suboptions weird-suboptions">
-            <li>
-              <IntegerSetting
-                v-if="truncateIsPresent"
-                :path="[':pleroma', 'Pleroma.Formatter', ':truncate']"
-                hide-label
-                hide-draft-buttons
-              />
-            </li>
-            <li>
-              <GroupSetting :path="[':pleroma', 'Pleroma.Formatter', ':truncate']" />
-            </li>
-          </div>
-        </li>
-        <li>
-          <!-- CONFIRM backend what's difference between here and :extra -->
-          <ListSetting
-            ignore-suggestions
-            path=":pleroma.:uri_schemes.:valid_schemes"
-          />
-        </li>
-      </ul>
     </div>
   </div>
 </template>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
index 967b4bd61..be70892b2 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.vue
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -6,15 +6,9 @@
         <li>
           <StringSetting path=":pleroma.:instance.:static_dir" />
         </li>
-        <li>
-          <StringSetting path=":pleroma.:modules.:runtime_dir" />
-        </li>
         <li>
           <BooleanSetting path=":pleroma.:instance.:profile_directory" />
         </li>
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.ApiSpec.CastAndValidate',':strict']" />
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.other.reports') }}</h3>
       <ul class="setting-list">
@@ -42,82 +36,6 @@
           <IntegerSetting :path="[':pleroma','Pleroma.User.Backup',':timeout']" />
         </li>
       </ul>
-      <h3>{{ $t('admin_dash.other.feed') }}</h3>
-      <ul class="setting-list">
-        <h4>{{ $t('admin_dash.other.feed_title') }}</h4>
-        <li>
-          <IntegerSetting path=":pleroma.:feed.:post_title.:max_length" />
-        </li>
-        <li>
-          <StringSetting path=":pleroma.:feed.:post_title.:omission" />
-        </li>
-        <li>
-          <GroupSetting path=":pleroma.:feed.:post_title" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.remote_ip') }}</h3>
-      <p>{{ $t('admin_dash.other.remote_ip_description') }}</p>
-      <ul class="setting-list">
-        <li>
-          <BooleanSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':enabled']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':headers']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':proxies']" />
-        </li>
-        <li>
-          <ListSetting :path="[':pleroma','Pleroma.Web.Plugs.RemoteIp',':reserved']" />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.mime') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <ListSetting
-            override-backend-description-label="application/activity+json"
-            hide-description
-            :path="[':mime',':types', 'application/activity+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/jrd+json"
-            hide-description
-            :path="[':mime',':types', 'application/jrd+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/ld+json"
-            hide-description
-            :path="[':mime',':types', 'application/ld+json']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xml"
-            hide-description
-            :path="[':mime',':types', 'application/xml']"
-          />
-        </li>
-        <li>
-          <ListSetting
-            override-backend-description-label="application/xrd+xml"
-            hide-description
-            :path="[':mime',':types', 'application/xrd+xml']"
-          />
-        </li>
-      </ul>
-      <h3>{{ $t('admin_dash.other.streamer') }}</h3>
-      <ul class="setting-list">
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:workers" />
-        </li>
-        <li>
-          <IntegerSetting path=":pleroma.:streamer.:overflow_workers" />
-        </li>
-      </ul>
       <h3>{{ $t('admin_dash.other.privileges') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
index 8f2319840..ac988053e 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.vue
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -12,20 +12,6 @@
         <li>
           <ListSetting path=":pleroma.:instance.:allowed_post_formats" />
         </li>
-        <li>
-          <h4>{{ $t('admin_dash.posts.scheduled_activites') }}</h4>
-          <ul class="setting-list">
-            <li>
-              <BooleanSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':enabled']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':daily_user_limit']" />
-            </li>
-            <li>
-              <IntegerSetting :path="[':pleroma', 'Pleroma.ScheduledActivity', ':total_user_limit']" />
-            </li>
-          </ul>
-        </li>
       </ul>
       <h3>{{ $t('admin_dash.posts.remote') }}</h3>
       <ul class="setting-list">
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 80b16cc69..0da7c34e8 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -168,12 +168,6 @@
       </ul>
       <h3>{{ $t('admin_dash.registrations.restrictions') }}</h3>
       <ul class="setting-list">
-        <li>
-          <ListSetting
-            ignore-suggestions
-            :path="[':pleroma', 'Pleroma.User', ':restricted_nicknames']"
-          />
-        </li>
         <li>
           <ListSetting
             ignore-suggestions
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 80cd57738..8527aa2f9 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1179,10 +1179,6 @@
       "reports": "Reports",
       "feed": "RSS Feed",
       "feed_title": "Article Title",
-      "mime": "MIME Types",
-      "remote_ip": "Reverse Proxy / Remote IP",
-      "remote_ip_description": "This should be disabled only if your instance is NOT behind a reverse proxy",
-      "streamer": "Notifications Streamer",
       "privileges": "Privileges"
     },
     "monitoring": {
@@ -1250,9 +1246,6 @@
       "outbound": "Outgoing connections",
       "incoming": "Incoming connections",
       "security": "HTTP Security",
-      "cors": "Cross-origin Resource Sharing (CORS)",
-      "web_cache_ttl": "Web Cache TTL",
-      "web_cache_ttl_description": "Amount of milliseconds until web response cache is cleared. Use `nil` to disable expiration entirely.",
       "web_push": "Web Push",
       "web_push_description": "Web Push VAPID settings. You can use the mix task web_push.gen.keypair to generate it."
     },
@@ -1402,18 +1395,6 @@
     },
     "temp_overrides": {
       ":pleroma": {
-        "Oban": {
-          ":queues": {
-            ":scheduled_activites": {
-              "label": "Scheduled activities",
-              "description": "Scheduled activites queue"
-            },
-            ":slow": {
-              "label": "Slow",
-              "description": "idk"
-            }
-          }
-        },
         ":connections_pool": {
           ":max_idle_time": {
             "label": "Maximum idle time",

From 1642d62b825bbb3b8bec412b31a7e323a7e488ef Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 18:34:19 +0200
Subject: [PATCH 3/6] massive visual overhaul

---
 src/App.scss                                  |  1 +
 src/components/font_control/font_control.vue  | 60 ++++++++-----
 .../interface_language_switcher.js            |  6 +-
 .../interface_language_switcher.vue           | 89 +++++++++++--------
 .../settings_modal/admin_tabs/auth_tab.vue    |  2 +-
 .../settings_modal/admin_tabs/emoji_tab.vue   |  2 +-
 .../admin_tabs/federation_tab.vue             |  2 +-
 .../admin_tabs/frontends_tab.vue              |  2 +-
 .../settings_modal/admin_tabs/http_tab.vue    |  4 +-
 .../admin_tabs/instance_tab.vue               |  4 +-
 .../admin_tabs/job_queues_tab.vue             |  2 +-
 .../settings_modal/admin_tabs/limits_tab.vue  |  2 +-
 .../settings_modal/admin_tabs/links_tab.scss  | 26 ------
 .../settings_modal/admin_tabs/links_tab.vue   |  4 +-
 .../settings_modal/admin_tabs/mailer_tab.vue  |  2 +-
 .../admin_tabs/media_proxy_tab.vue            |  2 +-
 .../admin_tabs/monitoring_tab.vue             |  2 +-
 .../settings_modal/admin_tabs/other_tab.vue   |  2 +-
 .../settings_modal/admin_tabs/posts_tab.vue   |  2 +-
 .../settings_modal/admin_tabs/rates_tab.vue   |  2 +-
 .../admin_tabs/registrations_tab.vue          |  2 +-
 .../settings_modal/admin_tabs/uploads_tab.vue |  2 +-
 .../helpers/attachment_setting.vue            |  3 +-
 .../helpers/boolean_setting.vue               | 44 +++++++--
 .../settings_modal/helpers/choice_setting.vue | 42 ++++++---
 .../settings_modal/helpers/color_setting.vue  |  2 +-
 .../settings_modal/helpers/group_setting.vue  |  2 +-
 .../settings_modal/helpers/list_setting.vue   |  2 +-
 .../settings_modal/helpers/map_setting.vue    |  2 +-
 .../settings_modal/helpers/number_setting.vue |  4 +-
 .../settings_modal/helpers/proxy_setting.vue  |  2 +-
 .../helpers/pwa_manifest_icons_setting.vue    |  2 +-
 .../settings_modal/helpers/rate_setting.vue   |  2 +-
 .../settings_modal/helpers/string_setting.vue | 20 ++---
 .../settings_modal/helpers/tuple_setting.vue  | 69 +++++++-------
 .../settings_modal/helpers/unit_setting.vue   |  8 +-
 .../helpers/vertical_tab_switcher.jsx         |  2 +
 .../helpers/vertical_tab_switcher.scss        | 36 ++++----
 .../settings_modal/settings_modal.scss        | 88 +++++++++++-------
 .../settings_modal_admin_content.scss         | 48 ----------
 .../settings_modal_admin_content.vue          | 12 ++-
 .../settings_modal_user_content.scss          | 50 -----------
 .../settings_modal_user_content.vue           |  5 +-
 .../settings_modal/tabs/appearance_tab.scss   |  5 +-
 .../settings_modal/tabs/appearance_tab.vue    |  2 +-
 .../settings_modal/tabs/clutter_tab.vue       |  2 +-
 .../settings_modal/tabs/composing_tab.vue     | 13 +--
 .../tabs/data_import_export_tab.vue           |  2 +-
 .../settings_modal/tabs/developer_tab.vue     |  2 +-
 .../settings_modal/tabs/filtering_tab.vue     |  2 +-
 .../settings_modal/tabs/general_tab.vue       | 36 ++++----
 .../settings_modal/tabs/layout_tab.vue        |  2 +-
 .../settings_modal/tabs/notifications_tab.vue |  8 +-
 .../tabs/old_theme_tab/old_theme_tab.scss     |  1 +
 .../settings_modal/tabs/posts_tab.vue         |  2 +-
 .../settings_modal/tabs/profile_tab.scss      |  2 +-
 .../settings_modal/tabs/profile_tab.vue       |  9 +-
 .../settings_modal/tabs/security_tab/mfa.vue  |  4 +-
 .../tabs/security_tab/security_tab.vue        | 12 +--
 .../tabs/style_tab/style_tab.scss             |  5 +-
 .../tabs/style_tab/style_tab.vue              |  6 +-
 .../tabs/style_tab/virtual_directives_tab.vue |  2 +-
 .../settings_modal/tabs/uploads_tab.vue       |  2 +-
 63 files changed, 387 insertions(+), 399 deletions(-)
 delete mode 100644 src/components/settings_modal/admin_tabs/links_tab.scss
 delete mode 100644 src/components/settings_modal/settings_modal_admin_content.scss
 delete mode 100644 src/components/settings_modal/settings_modal_user_content.scss

diff --git a/src/App.scss b/src/App.scss
index 57faf4aa3..d891508fe 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -704,6 +704,7 @@ option {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
+  min-height: 2em;
 
   .Select select {
     line-height: 1;
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index 9e2c338cf..efd9243fd 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,24 +1,28 @@
 <template>
   <div class="font-control">
-    <Checkbox
-      v-if="typeof fallback !== 'undefined'"
-      :id="name + '-o'"
-      class="font-checkbox"
-      :model-value="present"
-      @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
-    >
-      <i18n-t
-        scope="global"
-        keypath="settings.style.fonts.override"
-        tag="span"
+    <div class="setting-item">
+      <Checkbox
+        v-if="typeof fallback !== 'undefined'"
+        :id="name + '-o'"
+        class="font-checkbox setting-control setting-label"
+        :model-value="present"
+        @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
       >
-        {{ label }}
-      </i18n-t>
-    </Checkbox>
+        <i18n-t
+          scope="global"
+          keypath="settings.style.fonts.override"
+          tag="span"
+        >
+          <span class="label">
+            {{ label }}
+          </span>
+        </i18n-t>
+      </Checkbox>
+    </div>
     {{ ' ' }}
     <div
       v-if="modelValue?.family"
-      class="font-input"
+      class="font-input setting-item"
     >
       <label
         v-if="manualEntry"
@@ -132,15 +136,29 @@
 <script src="./font_control.js"></script>
 
 <style lang="scss">
+// Copy-paste of BooleanSetting
 .font-control {
-  .custom-font {
-    min-width: 20em;
-    max-width: 20em;
+  display: grid;
+  grid-template-columns: subgrid;
+
+  .checkbox {
+    display: grid;
+    grid-template-columns: subgrid;
   }
 
-  .font-input {
-    margin-left: 2em;
-    margin-top: 0.5em;
+  .label {
+    grid-area: label;
+    text-align: right;
+  }
+
+  .-mobile & {
+    .label {
+      text-align: left;
+    }
+  }
+
+  .checkbox-indicator {
+    grid-area: control;
   }
 }
 
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index bd7b641a5..721c19887 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -3,6 +3,8 @@ import localeService from '../../services/locale/locale.service.js'
 import Select from '../select/select.vue'
 import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 
+import { v4 as uuidv4 } from 'uuid';
+
 export default {
   components: {
     Select,
@@ -26,7 +28,9 @@ export default {
     languages () {
       return localeService.languages
     },
-
+    uniqueId () {
+        return uuidv4()
+    },
     controlledLanguage: {
       get: function () {
         return Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 8b300d43b..155d46f35 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -1,30 +1,32 @@
 <template>
-  <div class="interface-language-switcher">
-    <label>
-      <slot />
-      <ProfileSettingIndicator :is-profile="profile" />
-    </label>
-    <ul class="setting-list">
-      <li
-        v-for="index of controlledLanguage.keys()"
-        :key="index"
+  <ul class="interface-language-switcher setting-list">
+    <li
+      v-for="index of controlledLanguage.keys()"
+      :key="index"
+      class="setting-item"
+    >
+      <label
+        class="setting-label"
+        :for="uniqueId+index"
       >
-        <label>
-          {{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
-          <Select
-            class="language-select"
-            :model-value="controlledLanguage[index]"
-            @update:model-value="val => setLanguageAt(index, val)"
+        {{ index === 0 ? $t('settings.primary_language') : $t('settings.fallback_language', { index }, index) }}
+      </label>
+      <span class="setting-control btn-group">
+        <Select
+          :name="uniqueId+index"
+          :id="uniqueId+index"
+          class="language-select"
+          :model-value="controlledLanguage[index]"
+          @update:model-value="val => setLanguageAt(index, val)"
+        >
+          <option
+            v-for="lang in languages"
+            :key="lang.code"
+            :value="lang.code"
           >
-            <option
-              v-for="lang in languages"
-              :key="lang.code"
-              :value="lang.code"
-            >
-              {{ lang.name }}
-            </option>
-          </Select>
-        </label>
+            {{ lang.name }}
+          </option>
+        </Select>
         <button
           v-if="controlledLanguage.length > 1 && index !== 0"
           class="button-default btn"
@@ -32,25 +34,38 @@
         >
           {{ $t('settings.remove_language') }}
         </button>
-      </li>
-      <li>
-        <button
-          class="button-default btn"
-          @click="addLanguage"
-        >
-          {{ $t('settings.add_language') }}
-        </button>
-      </li>
-    </ul>
-  </div>
+      </span>
+    </li>
+    <li class="add-button">
+      <button
+        class="button-default btn"
+        @click="addLanguage"
+      >
+        {{ $t('settings.add_language') }}
+      </button>
+    </li>
+  </ul>
 </template>
 
 <script src="./interface_language_switcher.js"></script>
 
 <style lang="scss">
 .interface-language-switcher {
-  .language-select {
-    margin-right: 1em;
+  .setting-list {
+    .setting-item {
+      display: grid;
+      grid-template-columns: subgrid;
+    }
+  }
+
+  .add-button {
+    display: block;
+    text-align: center;
+
+    .default-button {
+      display: block;
+      width: auto;
+    }
   }
 }
 </style>
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.vue b/src/components/settings_modal/admin_tabs/auth_tab.vue
index 99922ff3b..ef32aa4e0 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.vue
+++ b/src/components/settings_modal/admin_tabs/auth_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.auth.MFA') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index fcf03dd97..ba68a28a7 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -3,7 +3,7 @@
     class="EmojiTab"
     :label="$t('admin_dash.tabs.emoji')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3 class="toolbar">
         <span class="header-text">
           {{ $t('admin_dash.emoji.emoji_packs') }}
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.vue b/src/components/settings_modal/admin_tabs/federation_tab.vue
index 9af338653..29a19e0b7 100644
--- a/src/components/settings_modal/admin_tabs/federation_tab.vue
+++ b/src/components/settings_modal/admin_tabs/federation_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.federation')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.federation.global') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 750a70165..d0d764395 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -3,7 +3,7 @@
     class="FrontendsTab"
     :label="$t('admin_dash.tabs.frontends')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.frontend.title') }}</h3>
       <p>{{ $t('admin_dash.frontend.wip_notice') }}</p>
       <ul
diff --git a/src/components/settings_modal/admin_tabs/http_tab.vue b/src/components/settings_modal/admin_tabs/http_tab.vue
index bb8123c5c..9ea067be8 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.vue
+++ b/src/components/settings_modal/admin_tabs/http_tab.vue
@@ -3,7 +3,7 @@
     class="LinksTab"
     :label="$t('admin_dash.tabs.http')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.http.outbound') }}</h3>
       <ul class="setting-list">
         <li>
@@ -30,7 +30,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.http.incoming') }}</h3>
       <ul class="setting-list">
         <h4>{{ $t('admin_dash.http.security') }}</h4>
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.vue b/src/components/settings_modal/admin_tabs/instance_tab.vue
index 89d27315a..63def257d 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.vue
+++ b/src/components/settings_modal/admin_tabs/instance_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.instance.instance') }}</h3>
       <ul class="setting-list">
         <li>
@@ -73,7 +73,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.instance.access') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.vue b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
index 0e4f8c1a7..ad54d57f4 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.vue
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.job_queues')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.job_queues.Gun.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.vue b/src/components/settings_modal/admin_tabs/limits_tab.vue
index 04e5334da..04afde020 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.vue
+++ b/src/components/settings_modal/admin_tabs/limits_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.limits')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.limits.arbitrary_limits') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/links_tab.scss b/src/components/settings_modal/admin_tabs/links_tab.scss
deleted file mode 100644
index 8946ccc0a..000000000
--- a/src/components/settings_modal/admin_tabs/links_tab.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.LinksTab {
-  // awkward "disable = false" backend options
-  .weird-options {
-    .checkbox {
-      margin: 0;
-    }
-  }
-
-  .setting-list.suboptions.weird-suboptions {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5em;
-    margin: 0;
-
-    li {
-      margin: 0;
-      display: flex;
-    }
-
-    .GroupSetting {
-      display: inline-block;
-      margin: 0;
-      padding: 0;
-    }
-  }
-}
diff --git a/src/components/settings_modal/admin_tabs/links_tab.vue b/src/components/settings_modal/admin_tabs/links_tab.vue
index da11b37f7..1d446a0dd 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.vue
+++ b/src/components/settings_modal/admin_tabs/links_tab.vue
@@ -3,7 +3,7 @@
     class="LinksTab"
     :label="$t('admin_dash.tabs.media_proxy')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.links.link_previews') }}</h3>
       <ul class="setting-list">
         <li>
@@ -43,5 +43,3 @@
 </template>
 
 <script src="./links_tab.js"></script>
-
-<style lang="scss" src="./links_tab.scss"></style>
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
index 3830a51f9..42505d984 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.vue
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.mailer')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
index 3aa22d56f..ed5f6f0b4 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.media_proxy')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.media_proxy.basic') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.vue b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
index 3a58b5795..762e44157 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.vue
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.monitoring')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.monitoring.builtins') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/other_tab.vue b/src/components/settings_modal/admin_tabs/other_tab.vue
index be70892b2..55e61607d 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.vue
+++ b/src/components/settings_modal/admin_tabs/other_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.other')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.other.uncategorized') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.vue b/src/components/settings_modal/admin_tabs/posts_tab.vue
index ac988053e..c76b2e4ee 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.vue
+++ b/src/components/settings_modal/admin_tabs/posts_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.posts')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.posts.global') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.vue b/src/components/settings_modal/admin_tabs/rates_tab.vue
index dad5ad6e0..3056a1920 100644
--- a/src/components/settings_modal/admin_tabs/rates_tab.vue
+++ b/src/components/settings_modal/admin_tabs/rates_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.rate_limit.account_confirmation_resend') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.vue b/src/components/settings_modal/admin_tabs/registrations_tab.vue
index 0da7c34e8..a52072c01 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.vue
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.instance')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.instance.registrations') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.vue b/src/components/settings_modal/admin_tabs/uploads_tab.vue
index 74cbe7ce7..d0462aff1 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.vue
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.uploads')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.uploads.upload') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/helpers/attachment_setting.vue b/src/components/settings_modal/helpers/attachment_setting.vue
index a61d56e8c..a7804d78f 100644
--- a/src/components/settings_modal/helpers/attachment_setting.vue
+++ b/src/components/settings_modal/helpers/attachment_setting.vue
@@ -1,10 +1,11 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="AttachmentSetting"
+    class="AttachmentSetting setting-item"
     :class="{ '-compact': compact }"
   >
     <label
+      class="setting-label"
       :for="path"
       :class="{ 'faint': shouldBeDisabled }"
     >
diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 5165535cc..4cde6926b 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -1,9 +1,10 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="BooleanSetting"
+    class="BooleanSetting setting-item"
   >
     <Checkbox
+      class="setting-control setting-label"
       :model-value="visibleState"
       :disabled="shouldBeDisabled"
       :indeterminate="isIndeterminate"
@@ -13,6 +14,12 @@
         class="label"
         :class="{ 'faint': shouldBeDisabled }"
       >
+        <ModifiedIndicator
+          :changed="isChanged"
+          :onclick="reset"
+        />
+        <ProfileSettingIndicator :is-profile="isProfileSetting" />
+        {{ ' ' }}
         <template v-if="backendDescriptionLabel">
           {{ backendDescriptionLabel }}
         </template>
@@ -22,13 +29,6 @@
         <slot v-else />
       </span>
     </Checkbox>
-    {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
-    <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
       class="setting-description"
@@ -36,7 +36,35 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
+    <DraftButtons />
   </label>
 </template>
 
 <script src="./boolean_setting.js"></script>
+
+<style lang="scss">
+.BooleanSetting {
+  display: grid;
+  grid-template-columns: subgrid;
+
+  .checkbox {
+    display: grid;
+    grid-template-columns: subgrid;
+  }
+
+  .label {
+    grid-area: label;
+    text-align: right;
+  }
+
+  .-mobile & {
+    .label {
+      text-align: left;
+    }
+  }
+
+  .checkbox-indicator {
+    grid-area: control;
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/choice_setting.vue b/src/components/settings_modal/helpers/choice_setting.vue
index a114cc473..318951026 100644
--- a/src/components/settings_modal/helpers/choice_setting.vue
+++ b/src/components/settings_modal/helpers/choice_setting.vue
@@ -1,17 +1,25 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ChoiceSetting"
+    class="ChoiceSetting setting-item"
     :class="{ 'faint': shouldBeDisabled }"
   >
-    <template v-if="backendDescriptionLabel">
-      {{ backendDescriptionLabel }}
-    </template>
-    <template v-else>
-      <slot />
-    </template>
-    {{ ' ' }}
+    <span class="setting-label">
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
+      <template v-if="backendDescriptionLabel">
+        {{ backendDescriptionLabel }}
+      </template>
+      <template v-else>
+        <slot />
+      </template>
+    </span>
     <Select
+      class="setting-control"
       :model-value="realDraftMode ? draft : state"
       :disabled="shouldBeDisabled"
       @update:model-value="update"
@@ -25,11 +33,6 @@
         {{ option.value === defaultState ? $t('settings.instance_default_simple') : '' }}
       </option>
     </Select>
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
     <DraftButtons />
     <p
       v-if="backendDescriptionDescription"
@@ -41,3 +44,16 @@
 </template>
 
 <script src="./choice_setting.js"></script>
+
+<style lang="scss">
+.ChoiceSetting.setting-item {
+  .-mobile & {
+    display: block;
+
+    .setting-label {
+      display: block;
+      margin-bottom: 0.5em
+    }
+  }
+}
+</style>
diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
index de88d5bc4..9071e3bb9 100644
--- a/src/components/settings_modal/helpers/color_setting.vue
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ColorSetting"
+    class="ColorSetting setting-item"
   >
     <label
       v-if="!hideLabel"
diff --git a/src/components/settings_modal/helpers/group_setting.vue b/src/components/settings_modal/helpers/group_setting.vue
index a4df4bf35..68e571f7d 100644
--- a/src/components/settings_modal/helpers/group_setting.vue
+++ b/src/components/settings_modal/helpers/group_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="GroupSetting"
+    class="GroupSetting setting-item"
   >
     <ModifiedIndicator
       :changed="isChanged"
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index 66581fc56..b90331cdb 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="ListSetting"
+    class="ListSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/map_setting.vue b/src/components/settings_modal/helpers/map_setting.vue
index 907c0b354..e3ccbffe6 100644
--- a/src/components/settings_modal/helpers/map_setting.vue
+++ b/src/components/settings_modal/helpers/map_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="MapSetting"
+    class="MapSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/number_setting.vue b/src/components/settings_modal/helpers/number_setting.vue
index e86b3fb08..26c18f928 100644
--- a/src/components/settings_modal/helpers/number_setting.vue
+++ b/src/components/settings_modal/helpers/number_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="NumberSetting"
+    class="NumberSetting setting-item"
   >
     <label
       v-if="!hideLabel"
@@ -20,7 +20,7 @@
     {{ ' ' }}
     <input
       :id="path"
-      class="input number-input"
+      class="input number-input setting-control"
       type="number"
       :step="step || 1"
       :disabled="shouldBeDisabled"
diff --git a/src/components/settings_modal/helpers/proxy_setting.vue b/src/components/settings_modal/helpers/proxy_setting.vue
index ac4884696..020097ef0 100644
--- a/src/components/settings_modal/helpers/proxy_setting.vue
+++ b/src/components/settings_modal/helpers/proxy_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <label
     v-if="matchesExpertLevel"
-    class="ProxySetting"
+    class="ProxySetting setting-item"
   >
     <label
       v-if="!hideLabel"
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
index 353f3ffc8..45b4c797a 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="PWAManifestIconsSetting"
+    class="PWAManifestIconsSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/rate_setting.vue b/src/components/settings_modal/helpers/rate_setting.vue
index a28ed13c2..146b22d84 100644
--- a/src/components/settings_modal/helpers/rate_setting.vue
+++ b/src/components/settings_modal/helpers/rate_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="matchesExpertLevel"
-    class="RateSetting"
+    class="RateSetting setting-item"
   >
     <label
       class="setting-label"
diff --git a/src/components/settings_modal/helpers/string_setting.vue b/src/components/settings_modal/helpers/string_setting.vue
index 8fba8b499..2ab205db1 100644
--- a/src/components/settings_modal/helpers/string_setting.vue
+++ b/src/components/settings_modal/helpers/string_setting.vue
@@ -1,7 +1,7 @@
 <template>
-  <label
+  <span
     v-if="matchesExpertLevel"
-    class="StringSetting"
+    class="StringSetting setting-item"
   >
     <label
       v-if="!hideLabel"
@@ -9,6 +9,12 @@
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -17,10 +23,9 @@
       </template>
       <slot v-else />
     </label>
-    {{ ' ' }}
     <input
       :id="path"
-      class="input string-input"
+      class="setting-control input string-input"
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :placeholder="backendDescriptionSuggestions"
@@ -28,11 +33,6 @@
       @change="update"
     >
     {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
     <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
@@ -41,7 +41,7 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-  </label>
+  </span>
 </template>
 
 <script src="./string_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/tuple_setting.vue b/src/components/settings_modal/helpers/tuple_setting.vue
index 150b2babc..09e4aa9dd 100644
--- a/src/components/settings_modal/helpers/tuple_setting.vue
+++ b/src/components/settings_modal/helpers/tuple_setting.vue
@@ -1,7 +1,7 @@
 <template>
-  <label
+  <span
+    class="setting-item"
     v-if="matchesExpertLevel"
-    class="TupleSetting"
   >
     <label
       v-if="!hideLabel"
@@ -9,6 +9,12 @@
       class="setting-label"
       :class="{ 'faint': shouldBeDisabled }"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      <ProfileSettingIndicator :is-profile="isProfileSetting" />
+      {{ ' ' }}
       <template v-if="backendDescriptionLabel">
         {{ backendDescriptionLabel + ' ' }}
       </template>
@@ -17,42 +23,27 @@
       </template>
       <slot v-else />
     </label>
-    {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
-      :value="visibleState?.tuple?.[0]"
-      @change="e => update({ e, side: 0 })"
-    >
-    {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
-      :value="visibleState?.tuple?.[1]"
-      @change="e => update({ e, side: 1 })"
-    >
-    {{ ' ' }}
-    <input
-      :id="path"
-      class="input string-input"
-      :class="{ disabled: shouldBeDisabled }"
-      :disabled="shouldBeDisabled"
-      :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
-      :value="visibleState?.tuple?.[2]"
-      @change="e => update({ e, side: 2 })"
-    >
-    {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
-    <ProfileSettingIndicator :is-profile="isProfileSetting" />
+    <span class="setting-control">
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions?.[0]?.[0]"
+        :value="visibleState?.tuple?.[0]"
+        @change="e => update({ e, side: 0 })"
+      >
+      {{ ' ' }}
+      <input
+        :id="path"
+        class="input string-input"
+        :class="{ disabled: shouldBeDisabled }"
+        :disabled="shouldBeDisabled"
+        :placeholder="backendDescriptionSuggestions?.[0]?.[1]"
+        :value="visibleState?.tuple?.[1]"
+        @change="e => update({ e, side: 1 })"
+      >
+    </span>
     <DraftButtons v-if="!hideDraftButtons" />
     <p
       v-if="backendDescriptionDescription"
@@ -61,7 +52,7 @@
     >
       {{ backendDescriptionDescription + ' ' }}
     </p>
-  </label>
+  </span>
 </template>
 
 <script src="./tuple_setting.js"></script>
diff --git a/src/components/settings_modal/helpers/unit_setting.vue b/src/components/settings_modal/helpers/unit_setting.vue
index 0c0d6a689..c076df855 100644
--- a/src/components/settings_modal/helpers/unit_setting.vue
+++ b/src/components/settings_modal/helpers/unit_setting.vue
@@ -1,16 +1,16 @@
 <template>
   <span
     v-if="matchesExpertLevel"
-    class="UnitSetting"
+    class="UnitSetting setting-item"
   >
     <label
       :for="path"
-      class="size-label"
+      class="setting-label size-label"
     >
       <slot />
     </label>
     {{ ' ' }}
-    <span class="no-break">
+    <span class="no-break setting-control">
       <input
         :id="path"
         class="input number-input"
@@ -50,7 +50,7 @@
 <style lang="scss">
 .UnitSetting {
   .no-break {
-    display: inline-block;
+    display: inline-flex;
   }
 
   .number-input {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index bbb36af6f..de0e1af26 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -161,9 +161,11 @@ export default {
       const contentClasses = ['tab-content']
       if (props['full-width'] || props['full-width'] === '') {
         contentClasses.push('-full-width')
+        wrapperClasses.push('-full-width')
       }
       if (props['full-height'] || props['full-width'] === '') {
         contentClasses.push('-full-height')
+        wrapperClasses.push('-full-height')
       }
       return (
         <div class={wrapperClasses} >
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index b51df7d66..af765843e 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -26,24 +26,6 @@
   }
 
   > .contents {
-    flex: 1 0 35em;
-
-    .tab-content {
-      align-self: center;
-
-      &:not(.-full-width) {
-        max-width: 40em;
-      }
-
-      &.-full-width {
-        align-self: stretch;
-      }
-
-      &.-full-height {
-        flex: 1;
-      }
-    }
-
     .tab-content-label {
       box-sizing: border-box;
       margin: 0;
@@ -60,8 +42,24 @@
       flex: 1 1 auto;
       height: 100%;
       overflow-y: auto;
-      display: flex;
+      display: grid;
+      grid-template-columns: minmax(1em, 1fr) minmax(min-content, 45em) minmax(1em, 1fr);
+      grid-template-areas: ". content .";
       flex-direction: column;
+
+      .tab-content {
+        grid-area: content;
+
+        &.-full-width {
+          grid-column: 1 / 4;
+        }
+
+        &.-full-height {
+          > * {
+            height: 100%;
+          }
+        }
+      }
     }
 
     .tab-content-wrapper {
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 9e04c3fe7..44197bafe 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -35,14 +35,53 @@
     line-height: 1.5;
   }
 
-  .setting-item > p {
-    margin-left: 1em;
+  .setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      ".    desc"
+      ".   draft";
+    grid-template-columns: 1fr 1fr;
+    column-gap: 0.5em;
+    align-items: baseline;
+    padding: 0.5em 0;
+
+    .setting-label {
+      grid-area: label;
+      text-align: right;
+    }
+
+    .ModifiedIndicator,
+    .ProfileSettingIndicator {
+      grid-area: indicator;
+    }
+
+    .setting-control {
+      grid-area: control;
+    }
+
+    .setting-control.setting-label {
+      grid-column: 1 / 3;
+      text-align: left;
+    }
+
+    .setting-description {
+      grid-area: desc;
+    }
+
+    .DraftButtons {
+      grid-area: draft;
+    }
+  }
+
+  .vertical-tab-switcher {
+    height: 100%;
   }
 
   .setting-list,
   .option-list {
     list-style-type: none;
-    padding-left: 2em;
+    padding-left: 0;
     margin: 0;
 
     .btn:not(.dropdown-button) {
@@ -55,21 +94,6 @@
       }
     }
 
-    li {
-      display: block;
-      margin: 0.75em 0;
-
-      > label {
-        display: block;
-        margin: 0.75em 0;
-        padding: 0.5em 0;
-      }
-    }
-
-    .suboptions {
-      margin-top: 0.3em;
-    }
-
     &.two-column {
       display: grid;
       grid-template-columns: 1fr 1fr;
@@ -135,20 +159,24 @@
       }
     }
 
+    .setting-item {
+      border-bottom: 1px solid var(--border);
+      grid-template-columns: 1fr min-content;
+      column-gap: 0.5em;
+      padding: 1em 0;
+      align-items: center;
+
+      .setting-label {
+        text-align: left;
+      }
+    }
+
+    ul {
+      padding: 0;
+    }
+
     .setting-list:not(.suboptions),
     .option-list {
-      padding-left: 0.25em;
-
-
-      /* stylelint-disable no-descending-specificity */
-      // it makes no sense
-      > li {
-        margin: 1em 0;
-        line-height: 1.5em;
-        vertical-align: middle;
-      }
-      /* stylelint-enable no-descending-specificity */
-
       &.two-column {
         grid-template-columns: 1fr;
       }
diff --git a/src/components/settings_modal/settings_modal_admin_content.scss b/src/components/settings_modal/settings_modal_admin_content.scss
deleted file mode 100644
index c1a25cf1e..000000000
--- a/src/components/settings_modal/settings_modal_admin_content.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.settings_tab-switcher {
-  height: 100%;
-
-  .setting-item {
-    border-bottom: 2px solid var(--border);
-    margin: 1em 1em 1.4em;
-    padding-bottom: 1.4em;
-
-    > div,
-    > label {
-      display: block;
-      margin-bottom: 0.5em;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .select-multiple {
-      margin-top: 0.5em;
-      display: flex;
-      flex-direction: column;
-
-      .option-list {
-        margin: 0;
-        margin-top: 0.5em;
-        padding-left: 0.5em;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-      margin-bottom: 1em;
-    }
-
-    textarea {
-      width: 100%;
-      max-width: 100%;
-      height: 100px;
-    }
-
-    .unavailable,
-    .unavailable svg {
-      color: var(--cRed);
-    }
-  }
-}
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index ef8e2793e..94f843871 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -2,7 +2,7 @@
   <vertical-tab-switcher
     v-if="adminDescriptionsLoaded && (noDb || adminDbLoaded)"
     ref="tabSwitcher"
-    class="settings_tab-switcher"
+    class="settings-admin-content settings_tab-switcher"
     :side-tab-bar="true"
     :scrollable-tabs="true"
     :render-only-focused="true"
@@ -15,7 +15,7 @@
       data-tab-name="nodb-notice"
     >
       <div :label="$t('admin_dash.tabs.nodb')">
-        <div class="setting-item">
+        <div class="setting-section">
           <h2>{{ $t('admin_dash.nodb.heading') }}</h2>
           <i18n-t
             scope="global"
@@ -185,4 +185,10 @@
 
 <script src="./settings_modal_admin_content.js"></script>
 
-<style src="./settings_modal_admin_content.scss" lang="scss"></style>
+<style lang="scss">
+.settings-admin-content {
+  .setting-item {
+    grid-template-columns: 1fr 3fr;
+  }
+}
+</style>
diff --git a/src/components/settings_modal/settings_modal_user_content.scss b/src/components/settings_modal/settings_modal_user_content.scss
deleted file mode 100644
index 306d8e898..000000000
--- a/src/components/settings_modal/settings_modal_user_content.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-.settings_tab-switcher {
-  height: 100%;
-
-  [full-height="true"] {
-    height: 100%
-  }
-
-  .setting-item {
-    margin: 1em 1em 1.4em;
-    padding-bottom: 1.4em;
-
-    > div,
-    > label {
-      margin-bottom: 0.5em;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .select-multiple {
-      margin-top: 1em;
-      display: flex;
-      flex-direction: column;
-
-      .option-list {
-        margin: 0;
-        margin-top: 0.5em;
-        padding-left: 0.5em;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-      padding-bottom: 0;
-      margin-bottom: 1em;
-    }
-
-    textarea {
-      width: 100%;
-      max-width: 100%;
-      height: 100px;
-    }
-
-    .unavailable,
-    .unavailable svg {
-      color: var(--cRed);
-    }
-  }
-}
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index b2b291e9b..5360089d6 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -49,7 +49,7 @@
       <AppearanceTab />
     </div>
     <div
-      :full-width="true"
+      :full-width="$store.getters.mergedConfig.expertLevel > 0"
       :label="$t('settings.layout')"
       icon="table-columns"
       data-tab-name="layout"
@@ -68,7 +68,6 @@
     </div>
     <div
       :label="$t('settings.filtering')"
-      :full-width="true"
       icon="filter"
       data-tab-name="filtering"
     >
@@ -139,5 +138,3 @@
 </template>
 
 <script src="./settings_modal_user_content.js"></script>
-
-<style src="./settings_modal_user_content.scss" lang="scss"></style>
diff --git a/src/components/settings_modal/tabs/appearance_tab.scss b/src/components/settings_modal/tabs/appearance_tab.scss
index a52bd97d0..eadfa090d 100644
--- a/src/components/settings_modal/tabs/appearance_tab.scss
+++ b/src/components/settings_modal/tabs/appearance_tab.scss
@@ -1,4 +1,6 @@
 .appearance-tab {
+  margin: 1em;
+
   h3 {
     border: none
   }
@@ -67,7 +69,7 @@
         aspect-ratio: 16 / 9;
         width: 16em;
       }
-         
+
       img {
         object-fit: cover;
       }
@@ -138,6 +140,7 @@
     border: 1px solid var(--border);
     margin-bottom: 0.5em;
     margin-top: 0;
+    padding: 0.5em;
   }
 
   .palettes {
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 815a6d4c5..75a06388d 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -5,7 +5,7 @@
     icon="table-columns"
   >
     <div
-      class="setting-item"
+      class="setting-section"
       :label="$t('settings.theme')"
       icon="paintbrush"
     >
diff --git a/src/components/settings_modal/tabs/clutter_tab.vue b/src/components/settings_modal/tabs/clutter_tab.vue
index aa3b4cb09..daf098f5a 100644
--- a/src/components/settings_modal/tabs/clutter_tab.vue
+++ b/src/components/settings_modal/tabs/clutter_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="clutter-tab">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.interface') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/composing_tab.vue b/src/components/settings_modal/tabs/composing_tab.vue
index 60640aab0..c02a15421 100644
--- a/src/components/settings_modal/tabs/composing_tab.vue
+++ b/src/components/settings_modal/tabs/composing_tab.vue
@@ -1,14 +1,16 @@
 <template>
   <div :label="$t('settings.posts')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.general') }}</h3>
       <ul class="setting-list">
         <li>
-          <label for="default-vis">
-            {{ $t('settings.default_vis') }}
-            {{ ' ' }}
+          <label class="setting-item " for="default-vis">
+            <span class="setting-label">
+              <ProfileSettingIndicator :is-profile="true" />
+              {{ $t('settings.default_vis') }}
+            </span>
             <ScopeSelector
-              class="scope-selector"
+              class="scope-selector setting-control"
               :show-all="true"
               :user-default="$store.state.profileConfig.defaultScope"
               :initial-scope="$store.state.profileConfig.defaultScope"
@@ -16,7 +18,6 @@
               :unstyled="false"
               uns
             />
-            <ProfileSettingIndicator :is-profile="true" />
           </label>
         </li>
         <li>
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.vue b/src/components/settings_modal/tabs/data_import_export_tab.vue
index cfd254277..d5e540b8b 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.vue
+++ b/src/components/settings_modal/tabs/data_import_export_tab.vue
@@ -3,7 +3,7 @@
     class="data-import-export-tab"
     :label="$t('settings.data_import_export_tab')"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.import_export.title') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/developer_tab.vue b/src/components/settings_modal/tabs/developer_tab.vue
index aafa4ec17..f1262e3b6 100644
--- a/src/components/settings_modal/tabs/developer_tab.vue
+++ b/src/components/settings_modal/tabs/developer_tab.vue
@@ -3,7 +3,7 @@
     :label="$t('settings.developer')"
     class="developer-tab"
   >
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.version.title') }}</h3>
       <dl class="setting-list">
         <dt>{{ $t('settings.version.backend_version') }}</dt>
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index e695a1061..5a44a487d 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="filtering-tab">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.filter.mute_filter') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 2796c9a95..4f1911cd8 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -1,25 +1,25 @@
 <template>
   <div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.format_and_language') }}</h3>
       <ul class="setting-list">
-        <li>
-          <interface-language-switcher
-            v-model="language"
-            @update="val => language = val"
-          >
-            {{ $t('settings.interfaceLanguage') }}
-          </interface-language-switcher>
-        </li>
-        <li>
-          <interface-language-switcher
-            v-model="emailLanguage"
-            :profile="true"
-            @update:model-value="updateProfile()"
-          >
-            {{ $t('settings.email_language') }}
-          </interface-language-switcher>
-        </li>
+        <h4>{{ $t('settings.interfaceLanguage') }}</h4>
+        <interface-language-switcher
+          v-model="language"
+          class="lang-selector"
+          @update="val => language = val"
+        />
+        <h4>
+          {{ $t('settings.email_language') }}
+          {{ ' ' }}
+          <ProfileSettingIndicator :is-profile="true" />
+        </h4>
+        <interface-language-switcher
+          v-model="emailLanguage"
+          class="lang-selector"
+          :profile="true"
+          @update:model-value="updateProfile()"
+        />
         <li>
           <BooleanSetting path="useAbsoluteTimeFormat">
             {{ $t('settings.absolute_time_format') }}
diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
index 68e90d346..2290b0630 100644
--- a/src/components/settings_modal/tabs/layout_tab.vue
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('settings.layout')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.general') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index 351c1dd9c..f9e2b9324 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('settings.notifications')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.notification_setting_annoyance') }}</h3>
       <ul class="setting-list">
         <li>
@@ -28,7 +28,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.notification_setting_filters') }}</h3>
       <ul class="setting-list">
         <li>
@@ -241,7 +241,7 @@
 
     <div
       v-if="expertLevel > 0"
-      class="setting-item"
+      class="setting-section"
     >
       <h3>{{ $t('settings.notification_setting_privacy') }}</h3>
       <ul class="setting-list">
@@ -279,7 +279,7 @@
         </li>
       </ul>
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <p>{{ $t('settings.notification_mutes') }}</p>
       <p>{{ $t('settings.notification_blocks') }}</p>
     </div>
diff --git a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
index 96a1b154f..9ec6b7b2f 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.scss
@@ -1,5 +1,6 @@
 .old-theme-tab {
   min-width: var(--themeEditorMinWidth, fit-content);
+  margin: 1em;
 
   .deprecation-warning {
     padding: 0.5em;
diff --git a/src/components/settings_modal/tabs/posts_tab.vue b/src/components/settings_modal/tabs/posts_tab.vue
index 19389600a..0a864d179 100644
--- a/src/components/settings_modal/tabs/posts_tab.vue
+++ b/src/components/settings_modal/tabs/posts_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="posts-tab">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.posts_appearance') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index ce85188bd..ca5d955c9 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -1,6 +1,6 @@
 .profile-tab {
   // overriding global for better look
-  .setting-item.profile-edit {
+  .setting-section.profile-edit {
     margin: 0;
 
     h2 {
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index e98551f1c..14f3597eb 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -1,17 +1,20 @@
 <template>
   <div class="profile-tab">
-    <div class="setting-item profile-edit">
+    <div class="setting-section profile-edit">
       <UserCard
         :user-id="user.id"
         :editable="true"
         :switcher="false"
       />
     </div>
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.account_privacy') }}</h3>
       <ul class="setting-list">
         <li>
-          <Checkbox v-model="locked">
+          <Checkbox
+            class="setting-item"
+            v-model="locked"
+          >
             {{ $t('settings.lock_account_description') }}
           </Checkbox>
           <ProfileSettingIndicator :is-profile="true" />
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.vue b/src/components/settings_modal/tabs/security_tab/mfa.vue
index 7e825062f..9859e809a 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.vue
+++ b/src/components/settings_modal/tabs/security_tab/mfa.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="readyInit && settings.available"
-    class="setting-item mfa-settings"
+    class="setting-section mfa-settings"
   >
     <div class="mfa-heading">
       <h2>{{ $t('settings.mfa.title') }}</h2>
@@ -10,7 +10,7 @@
     <div>
       <div
         v-if="!setupInProgress"
-        class="setting-item"
+        class="setting-section"
       >
         <!-- Enabled methods -->
         <h3>{{ $t('settings.mfa.authentication_methods') }}</h3>
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.vue b/src/components/settings_modal/tabs/security_tab/security_tab.vue
index d1e6e3c87..ff1a969d7 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('settings.security_tab')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.change_email') }}</h3>
       <ul class="setting-list">
         <li>
@@ -41,7 +41,7 @@
       </ul>
     </div>
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.change_password') }}</h3>
       <ul class="setting-list">
         <li>
@@ -90,7 +90,7 @@
       </ul>
     </div>
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.account_alias') }}</h3>
       <table>
         <thead>
@@ -160,7 +160,7 @@
     </div>
 
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.oauth_tokens') }}</h3>
       <table class="oauth-tokens">
         <thead>
@@ -191,7 +191,7 @@
     </div>
     <mfa />
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.move_account') }}</h3>
       <p>{{ $t('settings.move_account_notes') }}</p>
       <div>
@@ -234,7 +234,7 @@
       </template>
     </div>
 
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('settings.delete_account') }}</h3>
       <p v-if="!deletingAccount">
         {{ $t('settings.delete_account_description') }}
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.scss b/src/components/settings_modal/tabs/style_tab/style_tab.scss
index 57d81cf70..2b9869b9c 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.scss
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.scss
@@ -1,5 +1,6 @@
 .StyleTab {
   min-width: var(--themeEditorMinWidth, fit-content);
+  margin: 1em;
 
   .style-control {
     align-items: baseline;
@@ -45,7 +46,7 @@
     }
   }
 
-  .setting-item.heading {
+  .setting-section.heading {
     padding: 0;
   }
 
@@ -84,7 +85,7 @@
     }
   }
 
-  .setting-item {
+  .setting-section {
     padding-bottom: 0;
 
     .btn {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 0ced0baf4..eb86026e2 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -3,7 +3,7 @@
 
 <template>
   <div class="StyleTab">
-    <div class="setting-item heading">
+    <div class="setting-section heading">
       <div class="meta-preview">
         <Preview id="edited-style-preview" />
         <teleport
@@ -82,7 +82,7 @@
     <tab-switcher>
       <div
         key="component"
-        class="setting-item component-editor"
+        class="setting-section component-editor"
         :label="$t('settings.style.themes3.editor.component_tab')"
         :full-width="true"
       >
@@ -331,7 +331,7 @@
       <div
         key="palette"
         :label="$t('settings.style.themes3.editor.palette_tab')"
-        class="setting-item list-editor palette-editor"
+        class="setting-section list-editor palette-editor"
         :full-width="true"
       >
         <label
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
index b2b50b3e8..69f974e9f 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
@@ -1,7 +1,7 @@
 <script src="./virtual_directives_tab.js"></script>
 
 <template>
-  <div class="setting-item list-editor variables-editor">
+  <div class="setting-section list-editor variables-editor">
     <label
       class="list-select-label"
       for="variables-selector"
diff --git a/src/components/settings_modal/tabs/uploads_tab.vue b/src/components/settings_modal/tabs/uploads_tab.vue
index b11dc1381..375032d6e 100644
--- a/src/components/settings_modal/tabs/uploads_tab.vue
+++ b/src/components/settings_modal/tabs/uploads_tab.vue
@@ -1,6 +1,6 @@
 <template>
   <div :label="$t('admin_dash.tabs.uploads')">
-    <div class="setting-item">
+    <div class="setting-section">
       <h3>{{ $t('admin_dash.uploads.general') }}</h3>
       <ul class="setting-list">
         <li>

From 494f6b471ecd37d7e677da89a2340b09f16388c2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 19:57:34 +0200
Subject: [PATCH 4/6] visual stuff again

---
 src/components/font_control/font_control.vue  | 12 ++++-
 .../interface_language_switcher.vue           | 15 ++++++
 .../helpers/boolean_setting.vue               |  6 ++-
 .../settings_modal/helpers/list_setting.vue   |  6 ++-
 .../settings_modal/helpers/setting.js         |  8 +++-
 .../helpers/vertical_tab_switcher.scss        |  4 ++
 .../settings_modal/settings_modal.scss        | 46 ++++++++++++++-----
 .../settings_modal_user_content.vue           |  1 -
 .../settings_modal/tabs/general_tab.vue       | 45 +++++++++---------
 .../settings_modal/tabs/notifications_tab.vue | 34 ++++++++------
 10 files changed, 120 insertions(+), 57 deletions(-)

diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index efd9243fd..b863d253a 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -13,7 +13,7 @@
           keypath="settings.style.fonts.override"
           tag="span"
         >
-          <span class="label">
+          <span>
             {{ label }}
           </span>
         </i18n-t>
@@ -73,7 +73,7 @@
       </span>
       <span
         v-else
-        class="btn-group"
+        class="font-selector btn-group"
       >
         <button
           class="btn button-default"
@@ -152,6 +152,14 @@
   }
 
   .-mobile & {
+    .font-input {
+      display: block;
+    }
+
+    .font-selector {
+      margin-top: 0.5em;
+    }
+
     .label {
       text-align: left;
     }
diff --git a/src/components/interface_language_switcher/interface_language_switcher.vue b/src/components/interface_language_switcher/interface_language_switcher.vue
index 155d46f35..1f7d419e9 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.vue
+++ b/src/components/interface_language_switcher/interface_language_switcher.vue
@@ -61,11 +61,26 @@
   .add-button {
     display: block;
     text-align: center;
+    padding-bottom: 1em;
 
     .default-button {
       display: block;
       width: auto;
     }
   }
+
+  .-mobile & {
+    li.setting-item {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5em;
+      align-items: stretch;
+      border-bottom: none;
+    }
+
+    .add-button {
+      border-bottom: 1px solid var(--border);
+    }
+  }
 }
 </style>
diff --git a/src/components/settings_modal/helpers/boolean_setting.vue b/src/components/settings_modal/helpers/boolean_setting.vue
index 4cde6926b..7f3adf5ad 100644
--- a/src/components/settings_modal/helpers/boolean_setting.vue
+++ b/src/components/settings_modal/helpers/boolean_setting.vue
@@ -30,11 +30,13 @@
       </span>
     </Checkbox>
     <p
-      v-if="backendDescriptionDescription"
+      v-if="backendDescriptionDescription || showDescription"
       class="setting-description"
       :class="{ 'faint': shouldBeDisabled }"
     >
-      {{ backendDescriptionDescription + ' ' }}
+      <slot name="description">
+        {{ backendDescriptionDescription + ' ' }}
+      </slot>
     </p>
     <DraftButtons />
   </label>
diff --git a/src/components/settings_modal/helpers/list_setting.vue b/src/components/settings_modal/helpers/list_setting.vue
index b90331cdb..1dacba410 100644
--- a/src/components/settings_modal/helpers/list_setting.vue
+++ b/src/components/settings_modal/helpers/list_setting.vue
@@ -83,8 +83,10 @@
 <script src="./list_setting.js"></script>
 <style lang="scss">
 .ListSetting {
-  .btn-group {
-    display: flex
+  .setting-list {
+    .checkbox {
+      padding: 0.5em 0;
+    }
   }
 }
 </style>
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index f786a35da..4ed6227a1 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -18,6 +18,10 @@ export default {
       type: [String, Array],
       required: false
     },
+    showDescription: {
+      type: Boolean,
+      required: false
+    },
     descriptionPathOverride: {
       type: [String, Array],
       required: false
@@ -69,7 +73,7 @@ export default {
       type: Boolean
     },
     overrideBackendDescriptionLabel: {
-      type: Boolean
+      type: [Boolean, String]
     },
     draftMode: {
       type: Boolean,
@@ -157,6 +161,8 @@ export default {
       }
     },
     backendDescriptionDescription () {
+      console.log('LOL', this.description)
+      if (this.description) return this.description
       if (this.realSource !== 'admin') return ''
       if (this.hideDescription) return null
       if (!this.backendDescription || this.overrideBackendDescription) {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.scss b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
index af765843e..4bb4b7167 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.scss
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.scss
@@ -107,6 +107,10 @@
         flex-shrink: 1;
       }
     }
+
+    .tab-slot-wrapper {
+      grid-template-columns: 0 minmax(min-content, 45em) 0;
+    }
   }
 
   @supports (container-type: inline-size) {
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 44197bafe..303d1ae00 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -6,6 +6,7 @@
     font-weight: 500;
     margin-top: 1em;
     margin-bottom: 1em;
+    margin-right: 1em;
   }
 
   h3 {
@@ -13,6 +14,7 @@
     font-weight: 500;
     margin-top: 1em;
     margin-bottom: 0.5em;
+    margin-right: 1em;
     border-bottom: 1px solid var(--border);
     padding-bottom: 0.25em;
     box-sizing: border-box;
@@ -22,26 +24,41 @@
   h4 {
     font-size: 1.1rem;
     margin-top: 1em;
+    margin-right: 1em;
     margin-bottom: 0.5em;
+    margin-left: 1em;
   }
 
   h5 {
     font-size: 1rem;
-    margin-bottom: 0.5em;
-    margin-top: 0;
+    margin-right: 1em;
+    margin-bottom: 0.25em;
+    margin-top: 0.75em;
   }
 
   p {
     line-height: 1.5;
   }
 
+  .sidenote {
+    margin-left: 5em;
+    padding: 0.25em 1em;
+    margin-top: 0.25em;
+  }
+
+  .setting-description {
+    margin-top: 0.2em;
+    margin-bottom: 0;
+    font-size: 80%;
+  }
+
   .setting-item {
     display: grid;
     grid-template-areas:
       "label control"
       ".    desc"
       ".   draft";
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 2fr 3fr;
     column-gap: 0.5em;
     align-items: baseline;
     padding: 0.5em 0;
@@ -97,6 +114,14 @@
     &.two-column {
       display: grid;
       grid-template-columns: 1fr 1fr;
+      margin-left: 2em;
+      border-bottom: 1px solid var(--border);
+      padding-bottom: 0.5em;
+      margin-bottom: 1em;
+
+      .setting-item {
+        grid-template-columns: 3fr 1fr;
+      }
 
       > li {
         margin: 0;
@@ -105,12 +130,6 @@
     }
   }
 
-  .setting-description {
-    margin-top: 0.2em;
-    margin-bottom: 0;
-    font-size: 80%;
-  }
-
   .settings-modal-panel {
     overflow: hidden;
     transition: transform;
@@ -160,10 +179,9 @@
     }
 
     .setting-item {
-      border-bottom: 1px solid var(--border);
       grid-template-columns: 1fr min-content;
       column-gap: 0.5em;
-      padding: 1em 0;
+      padding: 1em 1em;
       align-items: center;
 
       .setting-label {
@@ -173,6 +191,12 @@
 
     ul {
       padding: 0;
+
+      li:not(:first-child) {
+        .setting-item {
+          border-top: 1px solid var(--border);
+        }
+      }
     }
 
     .setting-list:not(.suboptions),
diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 5360089d6..2bde5b21b 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -49,7 +49,6 @@
       <AppearanceTab />
     </div>
     <div
-      :full-width="$store.getters.mergedConfig.expertLevel > 0"
       :label="$t('settings.layout')"
       icon="table-columns"
       data-tab-name="layout"
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 4f1911cd8..285fe1b68 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -47,26 +47,24 @@
           >
             {{ $t('settings.text_size') }}
           </UnitSetting>
-          <div>
-            <small>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip"
-                tag="span"
-              >
-                <code>px</code>
-                <code>rem</code>
-              </i18n-t>
-              <br>
-              <i18n-t
-                scope="global"
-                keypath="settings.text_size_tip2"
-                tag="span"
-              >
-                <code>14px</code>
-              </i18n-t>
-            </small>
-          </div>
+          <p class="sidenote">
+            <i18n-t
+              scope="global"
+              keypath="settings.text_size_tip"
+              tag="span"
+            >
+              <code>px</code>
+              <code>rem</code>
+            </i18n-t>
+            <br>
+            <i18n-t
+              scope="global"
+              keypath="settings.text_size_tip2"
+              tag="span"
+            >
+              <code>14px</code>
+            </i18n-t>
+          </p>
         </li>
         <li>
           <FontControl
@@ -144,7 +142,7 @@
         class="setting-list"
       >
         <li class="select-multiple">
-          <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
+          <h4 class="label">{{ $t('settings.confirm_dialogs') }}</h4>
           <ul class="option-list">
             <li>
               <BooleanSetting path="modalOnRepeat">
@@ -156,9 +154,10 @@
                 {{ $t('settings.confirm_dialogs_unfollow') }}
               </BooleanSetting>
             </li>
-            <li>
+            <li
+              v-if="!blockExpirationSupported"
+            >
               <BooleanSetting
-                v-if="!blockExpirationSupported"
                 path="modalOnBlock"
               >
                 {{ $t('settings.confirm_dialogs_block') }}
diff --git a/src/components/settings_modal/tabs/notifications_tab.vue b/src/components/settings_modal/tabs/notifications_tab.vue
index f9e2b9324..ea859b18a 100644
--- a/src/components/settings_modal/tabs/notifications_tab.vue
+++ b/src/components/settings_modal/tabs/notifications_tab.vue
@@ -12,11 +12,9 @@
           <BooleanSetting path="ignoreInactionableSeen">
             {{ $t('settings.notification_setting_ignore_inactionable_seen') }}
           </BooleanSetting>
-          <div>
-            <small>
-              {{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
-            </small>
-          </div>
+          <p class="sidenote">
+            {{ $t('settings.notification_setting_ignore_inactionable_seen_tip') }}
+          </p>
         </li>
         <li>
           <BooleanSetting
@@ -41,7 +39,10 @@
         </li>
         <li>
           <h4> {{ $t('settings.notification_visibility') }}</h4>
-          <p v-if="expertLevel > 0">
+          <p
+            class="sidenote"
+            v-if="expertLevel > 0"
+          >
             {{ $t('settings.notification_setting_filters_chrome_push') }}
           </p>
           <ul class="setting-list two-column">
@@ -260,11 +261,12 @@
               >
                 {{ $t('settings.enable_web_push_always_show') }}
               </BooleanSetting>
-              <div :class="{ faint: !mergedConfig.webPushNotifications }">
-                <small>
-                  {{ $t('settings.enable_web_push_always_show_tip') }}
-                </small>
-              </div>
+              <p
+                :class="{ faint: !mergedConfig.webPushNotifications }"
+                class="sidenote"
+              >
+                {{ $t('settings.enable_web_push_always_show_tip') }}
+              </p>
             </li>
           </ul>
         </li>
@@ -279,10 +281,12 @@
         </li>
       </ul>
     </div>
-    <div class="setting-section">
-      <p>{{ $t('settings.notification_mutes') }}</p>
-      <p>{{ $t('settings.notification_blocks') }}</p>
-    </div>
+    <p class="sidenote">
+      <ul>
+        <li>{{ $t('settings.notification_mutes') }}</li>
+        <li>{{ $t('settings.notification_blocks') }}</li>
+      </ul>
+    </p>
   </div>
 </template>
 

From 76dd3540e47cd5ec9c8f23b091e3fef7ebcbcb29 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 20:24:39 +0200
Subject: [PATCH 5/6] more visual fixes

---
 .../settings_modal/settings_modal.scss        |  4 ++++
 .../settings_modal/tabs/filtering_tab.vue     | 16 +++++++++----
 .../settings_modal/tabs/profile_tab.scss      | 23 +++++++++++++++++++
 .../settings_modal/tabs/profile_tab.vue       | 16 +++++++------
 4 files changed, 48 insertions(+), 11 deletions(-)

diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index 303d1ae00..fd26d144a 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -40,6 +40,10 @@
     line-height: 1.5;
   }
 
+  .suboptions {
+    margin-left: 1em;
+  }
+
   .sidenote {
     margin-left: 5em;
     padding: 0.25em 1em;
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 5a44a487d..e19f7bdd8 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -13,8 +13,10 @@
             {{ $t('settings.replies_in_timeline') }}
           </ChoiceSetting>
         </li>
-        <li>
-          {{ $t('user_card.default_mute_expiration') }}
+        <li class="setting-item">
+          <span class="setting-label">
+            {{ $t('user_card.default_mute_expiration') }}
+          </span>
           <Select
             id="onMuteDefaultActionLv1"
             v-model="onMuteDefaultActionLv1"
@@ -43,10 +45,16 @@
             </li>
           </ul>
         </li>
-        <li v-if="blockExpirationSupported">
-          {{ $t('user_card.default_block_expiration') }}
+        <li
+          class="setting-item"
+          v-if="blockExpirationSupported"
+        >
+          <span class="setting-label">
+            {{ $t('user_card.default_block_expiration') }}
+          </span>
           <Select
             id="onBlockDefaultActionLv1"
+            class="setting-control"
             v-model="onBlockDefaultActionLv1"
           >
             <option
diff --git a/src/components/settings_modal/tabs/profile_tab.scss b/src/components/settings_modal/tabs/profile_tab.scss
index ca5d955c9..6e8b2b131 100644
--- a/src/components/settings_modal/tabs/profile_tab.scss
+++ b/src/components/settings_modal/tabs/profile_tab.scss
@@ -11,5 +11,28 @@
       padding: 1.2em;
       overflow: hidden;
     }
+
+  }
+
+  .setting-item {
+    .custom-boolean-setting {
+      display: grid;
+      grid-template-columns: subgrid;
+
+      .label {
+        grid-area: label;
+        text-align: right;
+      }
+
+      .-mobile & {
+        .label {
+          text-align: left;
+        }
+      }
+
+      .checkbox-indicator {
+        grid-area: control;
+      }
+    }
   }
 }
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index 14f3597eb..edab1c19d 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -11,13 +11,15 @@
       <h3>{{ $t('settings.account_privacy') }}</h3>
       <ul class="setting-list">
         <li>
-          <Checkbox
-            class="setting-item"
-            v-model="locked"
-          >
-            {{ $t('settings.lock_account_description') }}
-          </Checkbox>
-          <ProfileSettingIndicator :is-profile="true" />
+          <div class="setting-item">
+            <Checkbox
+              class="setting-label setting-control custom-boolean-setting"
+              v-model="locked"
+            >
+              <ProfileSettingIndicator :is-profile="true" />
+              {{ $t('settings.lock_account_description') }}
+            </Checkbox>
+          </div>
         </li>
         <li>
           <BooleanSetting

From 625954721e8aec664c879af553db272e0eeb2938 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 10 Dec 2025 20:36:09 +0200
Subject: [PATCH 6/6] fixed up unitsetting

---
 .../settings_modal/helpers/unit_setting.vue   | 10 +--
 .../settings_modal/settings_modal.scss        |  2 +-
 .../settings_modal/tabs/filtering_tab.vue     | 69 ++++++++++---------
 3 files changed, 41 insertions(+), 40 deletions(-)

diff --git a/src/components/settings_modal/helpers/unit_setting.vue b/src/components/settings_modal/helpers/unit_setting.vue
index c076df855..d23745fa4 100644
--- a/src/components/settings_modal/helpers/unit_setting.vue
+++ b/src/components/settings_modal/helpers/unit_setting.vue
@@ -7,9 +7,13 @@
       :for="path"
       class="setting-label size-label"
     >
+      <ModifiedIndicator
+        :changed="isChanged"
+        :onclick="reset"
+      />
+      {{ ' ' }}
       <slot />
     </label>
-    {{ ' ' }}
     <span class="no-break setting-control">
       <input
         :id="path"
@@ -38,10 +42,6 @@
       </Select>
     </span>
     {{ ' ' }}
-    <ModifiedIndicator
-      :changed="isChanged"
-      :onclick="reset"
-    />
   </span>
 </template>
 
diff --git a/src/components/settings_modal/settings_modal.scss b/src/components/settings_modal/settings_modal.scss
index fd26d144a..c757d2964 100644
--- a/src/components/settings_modal/settings_modal.scss
+++ b/src/components/settings_modal/settings_modal.scss
@@ -62,7 +62,7 @@
       "label control"
       ".    desc"
       ".   draft";
-    grid-template-columns: 2fr 3fr;
+    grid-template-columns: 4fr 5fr;
     column-gap: 0.5em;
     align-items: baseline;
     padding: 0.5em 0;
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index e19f7bdd8..a51b0e4b7 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -13,22 +13,24 @@
             {{ $t('settings.replies_in_timeline') }}
           </ChoiceSetting>
         </li>
-        <li class="setting-item">
-          <span class="setting-label">
-            {{ $t('user_card.default_mute_expiration') }}
-          </span>
-          <Select
-            id="onMuteDefaultActionLv1"
-            v-model="onMuteDefaultActionLv1"
-          >
-            <option
-              v-for="option in muteBlockLv1Options"
-              :key="option.key"
-              :value="option.value"
+        <li>
+          <span class="setting-item">
+            <span class="setting-label">
+              {{ $t('user_card.default_mute_expiration') }}
+            </span>
+            <Select
+              id="onMuteDefaultActionLv1"
+              v-model="onMuteDefaultActionLv1"
             >
-              {{ option.label }}
-            </option>
-          </Select>
+              <option
+                v-for="option in muteBlockLv1Options"
+                :key="option.key"
+                :value="option.value"
+              >
+                {{ option.label }}
+              </option>
+            </Select>
+          </span>
           <ul
             v-if="onMuteDefaultActionLv1 === 'temporarily'"
             class="setting-list suboptions"
@@ -45,26 +47,25 @@
             </li>
           </ul>
         </li>
-        <li
-          class="setting-item"
-          v-if="blockExpirationSupported"
-        >
-          <span class="setting-label">
-            {{ $t('user_card.default_block_expiration') }}
-          </span>
-          <Select
-            id="onBlockDefaultActionLv1"
-            class="setting-control"
-            v-model="onBlockDefaultActionLv1"
-          >
-            <option
-              v-for="option in muteBlockLv1Options"
-              :key="option.key"
-              :value="option.value"
+        <li v-if="blockExpirationSupported">
+          <span class="setting-item">
+            <span class="setting-label">
+              {{ $t('user_card.default_block_expiration') }}
+            </span>
+            <Select
+              id="onBlockDefaultActionLv1"
+              class="setting-control"
+              v-model="onBlockDefaultActionLv1"
             >
-              {{ option.label }}
-            </option>
-          </Select>
+              <option
+                v-for="option in muteBlockLv1Options"
+                :key="option.key"
+                :value="option.value"
+              >
+                {{ option.label }}
+              </option>
+            </Select>
+          </span>
           <ul
             v-if="onBlockDefaultActionLv1 === 'temporarily'"
             class="setting-list suboptions"