better layout: no margins on mobile in tiles-mode
Massimo Melina committed
Jan 31, 2024 at 20:01 UTC
637a91decb3426afbf5b695e67cba5037efa156e
1 file changed
+4
-1
frontend/src/index.scss
+4
-1
@@ -428,6 +428,7 @@ button .label {
428
}
429
#paging-middle>button {
430
flex: 1;
431
+ min-width: unset;
432
padding-top: 0; padding-bottom: 0; /* reduce vertically in case a horizontal scrolling bar is needed */
433
}
434
button {
@@ -520,7 +521,9 @@ button .label {
521
522
.tiles-mode {
523
max-width: none;
523
- margin: 0 1em;
524
+ @media (min-width: 42em) {
525
+ margin: 0 1em;
526
+ }
527
--tile-size: 5;
528
--name-lines: 3;
529
--name-height: calc(4.7em + var(--tile-size) * .4em + 1.2em * var(--name-lines));