better layout: dialogs
Massimo Melina committed
Jul 29, 2023 at 16:05 UTC
28697a993b5634016f1c69bf1572f42ff0015155
1 file changed
+3
-3
frontend/src/dialog.css
+3
-3
@@ -15,6 +15,7 @@
15
background: #fff; /*fallback*/
16
background: var(--bg);
17
padding: max(0.5em, 1vw, 2vh);
18
+ padding-top: 0;
19
border-radius: 1em;
20
position: relative;
21
margin: 0 3vw;
@@ -36,7 +37,7 @@
37
}
38
.dialog-title {
39
font-size: 120%;
39
- margin-top: -.4em;
40
+ margin: .3em 0;
41
padding: 0 0.5em; /* avoid reaching margins */
42
min-height: 1.2em;
43
}
@@ -56,7 +57,7 @@
57
background-color: #c88;
58
}
59
.dialog-icon ~ .dialog-content {
59
- margin-top: .5em;
60
+ margin-top: 1em;
61
}
62
.dialog-type {
63
left: 0;
@@ -88,7 +89,6 @@
89
@media (max-width: 42em) {
90
.dialog-icon { font-size: 120% }
91
.dialog-icon ~ .dialog-content { margin-top: 1.5em; } /* account for larger top icons */
91
- .dialog-title { margin-top: -.2em; }
92
}
93
94
.dialog-prompt label {