better layout
Massimo Melina committed
May 21, 2023 at 17:32 UTC
543db29dbbc9effbebb8c7f3273d57c7eea84a96
2 files changed
+10
-7
frontend/src/dialog.css
+1
-1
@@ -55,7 +55,7 @@
55
background-color: #c88;
56
}
57
.dialog-icon ~ .dialog-content {
58
- margin-top: 2em;
58
+ margin-top: 1.5em;
59
}
60
.dialog-type {
61
left: 0;
frontend/src/index.scss
+9
-6
@@ -143,8 +143,8 @@ header {
143
@extend .hide-back;
144
position: sticky;
145
top: 0;
146
- padding: .2em;
147
- z-index: 1; /* necessary to not be covered by checkboxes */
146
+ padding: .2em .1em;
147
+ z-index: 1; // necessary to not be covered by checkboxes
148
}
149
150
.before-sliding {
@@ -191,9 +191,9 @@ header {
191
192
border-top: 1px solid #666;
193
margin-right: -0.1em;
194
-}
195
-.breadcrumb:nth-child(-n+3) .icon {
196
- padding: 0 0.2em;
194
+ &:nth-child(-n+3) .icon {
195
+ padding: 0 0.2em;
196
+ }
197
}
198
#folder-stats, #filter-bar>span {
199
font-size: 90%;
@@ -295,7 +295,9 @@ ul.dir {
295
flex-wrap: wrap;
296
&>* {
297
flex: 1;
298
- margin: 0.1em;
298
+ margin: 0.1em; // using margin instead of gap because of the 0-width element that would produce extra gap
299
+ &:first-child { margin-left: 0 }
300
+ &:last-child { margin-right: 0 }
301
}
302
& button { /* no need for horizontal padding as we are using flex to grow */
303
padding-left: 0;
@@ -409,6 +411,7 @@ button label {
411
.file-dialog-properties {
412
word-break: break-word;
413
line-height: 1.5em;
414
+ margin: 0;
415
& dt { font-weight: bold; }
416
& dd { margin-left: 1.5em; }
417
}