From 467ad2b036e7a7e02f50d331556148e82ffca1a8 Mon Sep 17 00:00:00 2001
From: Nico <Nico>
Date: Tue, 26 May 2026 01:13:21 -0700
Subject: [PATCH] style: compact household reorder controls

---
 .../styles/components/HouseholdSwitcher.css   | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/src/styles/components/HouseholdSwitcher.css b/frontend/src/styles/components/HouseholdSwitcher.css
index 42de11c..99d9dd1 100644
--- a/frontend/src/styles/components/HouseholdSwitcher.css
+++ b/frontend/src/styles/components/HouseholdSwitcher.css
@@ -71,9 +71,8 @@
   top: calc(100% + 0.5rem);
   left: 0;
   right: auto;
-  min-width: 280px;
-  width: max-content;
-  max-width: min(360px, calc(100vw - 2rem));
+  min-width: min(280px, calc(100vw - 2rem));
+  width: min(320px, calc(100vw - 2rem));
   overflow: hidden;
   background: var(--card-bg);
   border: 2px solid var(--border);
@@ -105,7 +104,7 @@
   flex: 1;
   min-width: 0;
   width: 100%;
-  padding: 0.875rem 1rem;
+  padding: 0.875rem 0.625rem 0.875rem 1rem;
   background: transparent;
   border: none;
   color: var(--text-primary);
@@ -133,24 +132,29 @@
 
 .household-reorder-controls {
   display: flex;
+  flex-direction: column;
   align-items: center;
   flex-shrink: 0;
-  gap: 0.25rem;
-  padding: 0.375rem 0.5rem 0.375rem 0;
+  justify-content: center;
+  gap: 0.125rem;
+  width: 28px;
+  padding: 0.25rem 0.25rem 0.25rem 0;
 }
 
 .household-reorder-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
+  width: 22px;
+  height: 18px;
   padding: 0;
   background: transparent;
   border: 1px solid var(--border);
-  border-radius: 6px;
+  border-radius: 4px;
   color: var(--text-secondary);
   cursor: pointer;
+  font-size: 0.55rem;
+  line-height: 1;
 }
 
 .household-reorder-button:hover:not(:disabled),
@@ -167,7 +171,7 @@
 
 .check-mark {
   flex-shrink: 0;
-  margin-left: 0.75rem;
+  margin-left: 0.5rem;
   color: var(--primary);
   font-size: 1.1rem;
   font-weight: bold;