From 2bd06514783f54f509eab46fb21888bc2fc3044e Mon Sep 17 00:00:00 2001
From: Abel Luck <abel@guardianproject.info>
Date: Mon, 30 Mar 2026 18:57:36 +0200
Subject: [PATCH] Align settings page styling

---
 repub/pages/settings.py | 22 +++++++++++-----------
 repub/static/app.css    |  5 +++--
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/repub/pages/settings.py b/repub/pages/settings.py
index aa9bdbc..d2730c0 100644
--- a/repub/pages/settings.py
+++ b/repub/pages/settings.py
@@ -40,7 +40,7 @@ def settings_page(
                         ),
                         "data-on:submit": f"@post('{action_path}')",
                     },
-                    class_="space-y-6 rounded-[1.5rem] bg-white p-6 shadow-sm ring-1 ring-slate-200",
+                    class_="space-y-6",
                 )[
                     h.div[
                         h.p(
@@ -60,16 +60,16 @@ def settings_page(
                         },
                         class_="rounded-2xl bg-rose-50 px-4 py-3 text-sm font-medium text-rose-800",
                     ),
-                    input_field(
-                        label="Max concurrent jobs",
-                        field_id="max-concurrent-jobs",
-                        value=_value(settings, "max_concurrent_jobs", "1"),
-                        help_text="Must be an integer greater than or equal to 1.",
-                        signal_name="maxConcurrentJobs",
-                    ),
-                    h.div(
-                        class_="flex flex-wrap justify-end gap-3 border-t border-slate-200 pt-6"
-                    )[
+                    h.div(class_="rounded-[1.5rem] bg-stone-50 p-5")[
+                        input_field(
+                            label="Max concurrent jobs",
+                            field_id="max-concurrent-jobs",
+                            value=_value(settings, "max_concurrent_jobs", "1"),
+                            help_text="Must be an integer greater than or equal to 1.",
+                            signal_name="maxConcurrentJobs",
+                        ),
+                    ],
+                    h.div(class_="flex flex-wrap justify-end gap-3 pt-2")[
                         muted_action_link(href="/", label="Back to dashboard"),
                         h.button(
                             type="submit",
diff --git a/repub/static/app.css b/repub/static/app.css
index 7ec7d8c..9bb5f7e 100644
--- a/repub/static/app.css
+++ b/repub/static/app.css
@@ -9,7 +9,6 @@
     monospace;
     --color-orange-100: oklch(95.4% 0.038 75.164);
     --color-amber-50: oklch(98.7% 0.022 95.277);
-    --color-amber-100: oklch(96.2% 0.059 95.617);
     --color-amber-200: oklch(92.4% 0.12 95.746);
     --color-amber-300: oklch(87.9% 0.169 91.605);
     --color-amber-400: oklch(82.8% 0.189 84.429);
@@ -44,7 +43,6 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-sm: 24rem;
-    --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-7xl: 80rem;
     --text-xs: 0.75rem;
@@ -678,6 +676,9 @@
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }