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

fix: stabilize mobile map toolbar slots

Browse Source
This commit is contained in:
Nico 2026-06-04 08:58:04 -07:00
parent 95b14b447f
commit bc7b8e41f8
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/styles/pages/LocationMapManager.css
View File

@ -864,7 +864,7 @@
.location-map-toolbar {
display: grid;
grid-template-columns: minmax(0, 8.25rem) minmax(0, 1fr);
grid-template-columns: 136px minmax(0, 1fr);
align-items: center;
justify-content: stretch;
column-gap: 0.15rem;
@ -873,7 +873,7 @@
}
.location-map-toolbar.has-history-slot {
grid-template-columns: minmax(0, 8.25rem) 5rem minmax(0, 1fr);
grid-template-columns: 136px 80px minmax(0, 1fr);
}
.location-map-mode-group {
@ -905,8 +905,8 @@
.location-map-history-buttons {
grid-column: 2;
gap: 0.12rem;
width: 5rem;
gap: 0;
width: 80px;
justify-self: center;
}
@ -955,15 +955,15 @@
@media (max-width: 380px) {
.location-map-toolbar {
grid-template-columns: minmax(0, 1fr) 5rem;
grid-template-columns: minmax(0, 1fr) 80px;
}
.location-map-toolbar.has-history-slot {
grid-template-columns: minmax(0, 1fr) 5rem;
grid-template-columns: minmax(0, 1fr) 80px;
}
.location-map-history-buttons {
width: 5rem;
width: 80px;
}
.location-map-history-buttons button,