From 6446b93950d92031331b1e7c35e333572993867b Mon Sep 17 00:00:00 2001
From: Tero Halla-aho <thallaa@gmail.com>
Date: Sun, 21 Dec 2025 14:12:57 +0200
Subject: [PATCH] Center billing toggle checkbox within card

---
 app/me/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/me/page.tsx b/app/me/page.tsx
index d7f82c0..6eaf20b 100644
--- a/app/me/page.tsx
+++ b/app/me/page.tsx
@@ -226,7 +226,7 @@ export default function ProfilePage() {
             <form onSubmit={onSaveBilling} style={{ display: 'grid', gap: 14 }}>
               <label
                 className="amenity-option"
-                style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}
+                style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, minHeight: 52 }}
               >
                 <div className="amenity-option-meta" style={{ fontWeight: 600, minWidth: 0 }}>
                   <span aria-hidden className="amenity-emoji">💸</span>
@@ -236,7 +236,7 @@ export default function ProfilePage() {
                   type="checkbox"
                   checked={billingEnabled}
                   onChange={(e) => setBillingEnabled(e.target.checked)}
-                  style={{ width: 22, height: 22 }}
+                  style={{ width: 22, height: 22, margin: 0, alignSelf: 'center' }}
                 />
               </label>
               {billingEnabled ? (
@@ -252,7 +252,7 @@ export default function ProfilePage() {
                     </label>
                     <label
                       className="amenity-option"
-                      style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}
+                      style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, minHeight: 52 }}
                     >
                       <div className="amenity-option-meta" style={{ fontWeight: 600, minWidth: 0 }}>
                         <span aria-hidden className="amenity-emoji">🧾</span>
@@ -262,7 +262,7 @@ export default function ProfilePage() {
                         type="checkbox"
                         checked={billingIncludeVatLine}
                         onChange={(e) => setBillingIncludeVatLine(e.target.checked)}
-                        style={{ width: 22, height: 22 }}
+                        style={{ width: 22, height: 22, margin: 0, alignSelf: 'center' }}
                       />
                     </label>
                   </div>