better layout: landscape file-menu
Massimo Melina committed
Jun 22, 2023 at 14:27 UTC
f20822636064bc8dca2d37661668506ddd658a0c
1 file changed
+9
-7
frontend/src/index.scss
+9
-7
@@ -428,15 +428,13 @@ button label {
428
}
429
.file-menu {
430
margin-top: 1em;
431
+ padding-top: 1em;
432
+ border-top: 1px solid var(--faint-contrast);
433
434
display: flex;
435
flex-direction: column;
436
+ gap: 1em;
437
& a {
435
- padding: .5em 0;
436
- &:first-child {
437
- padding-top: 1em;
438
- border-top: 1px solid var(--faint-contrast);
439
- }
438
& .icon { margin-right: 0.5em; }
439
&:hover { @extend .highlightedText }
440
}
@@ -638,9 +636,13 @@ button label {
636
display: flex;
637
gap: 3em;
638
margin: 1em;
641
- .file-menu {
639
+ .file-menu { // move divisor to left
640
margin-top: 0;
643
- a:first-child { border-top: none; }
641
+ padding-top: 0;
642
+ border-top: none;
643
+ margin-left: 2em;
644
+ padding-left: 2em;
645
+ border-left: 1px solid var(--faint-contrast);
646
}
647
}
648
}