From 620f31dde3cf0b23aad84af6db8aa8857d9b1f10 Mon Sep 17 00:00:00 2001
From: jamey <jamey@server.jamey.stream>
Date: Sat, 28 Feb 2026 23:27:54 +0000
Subject: [PATCH] fix toggle switch knob centering in newsletter admin

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 lib/berrypod_web/live/admin/newsletter.ex | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/lib/berrypod_web/live/admin/newsletter.ex b/lib/berrypod_web/live/admin/newsletter.ex
index d4fae8d..dd3ee6f 100644
--- a/lib/berrypod_web/live/admin/newsletter.ex
+++ b/lib/berrypod_web/live/admin/newsletter.ex
@@ -206,16 +206,17 @@ defmodule BerrypodWeb.Admin.Newsletter do
         <button
           phx-click="toggle_enabled"
           class={[
-            "relative inline-flex h-6 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors",
+            "inline-flex items-center shrink-0 cursor-pointer rounded-full transition-colors",
             if(@newsletter_enabled, do: "bg-green-600", else: "bg-base-300")
           ]}
+          style="width: 2.75rem; height: 1.5rem; padding: 0.125rem;"
           role="switch"
           aria-checked={to_string(@newsletter_enabled)}
           aria-label="Toggle newsletter signups"
         >
           <span
-            class="pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition-transform"
-            style={"transform: translateX(#{if @newsletter_enabled, do: "1.5rem", else: "0"})"}
+            class="pointer-events-none inline-block rounded-full bg-white shadow transition-transform"
+            style={"width: 1.25rem; height: 1.25rem; transform: translateX(#{if @newsletter_enabled, do: "1.25rem", else: "0"})"}
           />
         </button>
       </div>