sjs/spirit-tracker
1
0
Fork 0
mirror of https://github.com/samsonjs/spirit-tracker.git synced 2026-03-25 09:25:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX Improvements

Browse source
This commit is contained in:
Brennan Wilkes (Text Groove) 2026-02-02 18:55:28 -08:00
parent 8c8bf9dc95
commit 26fbccebc3
1 changed files with 1 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
viz/style.css
View file

@ -310,29 +310,7 @@ a.skuLink:hover { text-decoration: underline; cursor: pointer; }
gap:8px; gap:8px;
flex-wrap:wrap; flex-wrap:wrap;
width:100%; width:100%;
justify-content:flex-start; /* no space-between weirdness */ justify-content:space-evenly;
}
/* 6 per row on desktop */
.storeBtn{
flex: 0 0 calc(16.666% - 8px);
justify-content: center;
text-align: center;
}
/* 4 per row on smaller screens */
@media (max-width: 900px){
.storeBtn{ flex-basis: calc(25% - 8px); }
}
/* 3 per row */
@media (max-width: 640px){
.storeBtn{ flex-basis: calc(33.333% - 8px); }
}
/* 2 per row */
@media (max-width: 420px){
.storeBtn{ flex-basis: calc(50% - 8px); }
} }