bigger buttons on mobile in dialogs, and other small adjustments
Massimo Melina committed
Jan 12, 2022 at 23:43 UTC
90aa6f18f92f95bf3d73317d00b48141f6a5891b
2 files changed
+6
-7
frontend/src/index.scss
+5
-6
@@ -27,11 +27,12 @@ body {
27
-webkit-font-smoothing: antialiased;
28
-moz-osx-font-smoothing: grayscale;
29
}
30
+body, button, select { font-size: 12pt; }
31
#root {
32
max-width: 50em;
33
margin: auto;
34
}
34
-#root, input {
35
+body, input {
36
color: var(--text);
37
}
38
code {
@@ -45,7 +46,7 @@ input, select {
46
color: var(--good-contrast);
47
}
48
input[type=checkbox] {
48
- vertical-align: text-bottom;
49
+ margin-right: 0.5em;
50
}
51
52
.icon {
@@ -138,7 +139,7 @@ ul.dir {
139
list-style-type: none;
140
margin-bottom: 0.3em;
141
padding: 0.3em;
141
- border-top: 1px solid #ddd;
142
+ border-top: 1px solid var(--button-bg);
143
144
& a {
145
word-break: break-word;
@@ -171,7 +172,6 @@ ul.dir {
172
173
& button {
174
margin: 0.1em;
174
- font-size: 1.1em;
175
}
176
}
177
#searched {
@@ -187,7 +187,6 @@ button label {
187
cursor: inherit;
188
margin-left: 0.5em;
189
}
190
-select { font-size:110% }
190
191
.dialog-backdrop.working {
192
font-size: 5em;
@@ -195,7 +194,7 @@ select { font-size:110% }
194
}
195
196
@media (max-width: 40em) {
198
- body { font-size: 120%; }
197
+ body, button, select { font-size: 16pt; }
198
#menu-bar {
199
display: flex;
200
justify-content: space-between;
todo.md
+1
-1
@@ -1,4 +1,4 @@
1
- To do
1
+# To do
2
- update tests to SRP login
3
- upload
4
- upload unzipping (while streaming?)