nalalangan/grocery-app
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

style: tighten grocery zone spacing

Browse Source
This commit is contained in:
Nico 2026-05-27 00:28:16 -07:00
parent cae32b9fa4
commit d271a0e34a
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/styles/pages/GroceryList.css
View File

@ -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;