better layout: optimization for landscape mobile

Massimo Melina committed Jul 2, 2023 at 22:00 UTC b9cc0d1e0b28f06f818b593d91be32e28f8bebfa
1 file changed +3 -3
frontend/src/index.scss
+3 -3
@@ -308,9 +308,8 @@ ul.dir {
308 &:first-child { margin-left: 0 }
309 &:last-child { margin-right: 0 }
310 }
311 - & button { /* no need for horizontal padding as we are using flex to grow */
312 - padding-left: 0;
313 - padding-right: 0;
311 + & button {
312 + padding: min(1vh, 0.5em) 0; // avoid wasting too much vertical space, and no need for horizontal padding as we are using flex to grow
313 }
314 }
315 #searched {
@@ -632,6 +631,7 @@ button label {
631 }
632 #root>.tiles-mode {
633 margin: 0;
634 + .file-menu-button { font-size: 1em; margin-top: 0.3em; } // easier to tap
635 }
636 }
637