From d271a0e34a918c22a846ae10447dce46b813cc09 Mon Sep 17 00:00:00 2001 From: Nico Date: Wed, 27 May 2026 00:28:16 -0700 Subject: [PATCH] style: tighten grocery zone spacing --- frontend/src/styles/pages/GroceryList.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/frontend/src/styles/pages/GroceryList.css b/frontend/src/styles/pages/GroceryList.css index a00a6cf..7dffa2a 100644 --- a/frontend/src/styles/pages/GroceryList.css +++ b/frontend/src/styles/pages/GroceryList.css @@ -109,14 +109,14 @@ /* Classification Groups */ .glist-classification-group { - margin-bottom: var(--spacing-xl); + margin-bottom: 0; } .glist-classification-header { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-primary); - margin: var(--spacing-md) 0 var(--spacing-sm) 0; + margin: var(--spacing-md) 0 0 0; padding: var(--spacing-sm) var(--spacing-md); background: var(--color-primary-light); border-left: var(--border-width-thick) solid var(--color-primary); @@ -232,6 +232,10 @@ margin-top: var(--spacing-md); } +.glist-classification-group .glist-ul { + margin-top: var(--spacing-xs); +} + .glist-li { background: var(--color-bg-surface); border: var(--border-width-thin) solid var(--color-border-light); @@ -247,6 +251,14 @@ transform: translateY(-2px); } +.glist-classification-group .glist-li { + margin-bottom: var(--spacing-xs); +} + +.glist-classification-group .glist-li:last-child { + margin-bottom: 0; +} + .glist-item-layout { display: flex; gap: 1em;