Commit
·
484e5a2
1
Parent(s):
38011cd
style: optimize style in smaller screens
Browse files- styles/style.css +10 -0
styles/style.css
CHANGED
|
@@ -8,6 +8,7 @@ html {
|
|
| 8 |
h1 {
|
| 9 |
font-size: 1.6rem;
|
| 10 |
margin-bottom: .5rem;
|
|
|
|
| 11 |
}
|
| 12 |
|
| 13 |
h2 {
|
|
@@ -30,6 +31,10 @@ main {
|
|
| 30 |
margin-bottom: 20px;
|
| 31 |
}
|
| 32 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 33 |
#download-status {
|
| 34 |
border: solid 1px black;
|
| 35 |
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
@@ -181,4 +186,9 @@ button:hover:not(:disabled) {
|
|
| 181 |
.card {
|
| 182 |
flex-direction: column;
|
| 183 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 184 |
}
|
|
|
|
| 8 |
h1 {
|
| 9 |
font-size: 1.6rem;
|
| 10 |
margin-bottom: .5rem;
|
| 11 |
+
margin-top: 0;
|
| 12 |
}
|
| 13 |
|
| 14 |
h2 {
|
|
|
|
| 31 |
margin-bottom: 20px;
|
| 32 |
}
|
| 33 |
|
| 34 |
+
.download-container select {
|
| 35 |
+
padding: .5rem;
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
#download-status {
|
| 39 |
border: solid 1px black;
|
| 40 |
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
|
|
| 186 |
.card {
|
| 187 |
flex-direction: column;
|
| 188 |
}
|
| 189 |
+
|
| 190 |
+
.download-container {
|
| 191 |
+
flex-direction: column;
|
| 192 |
+
gap: 1rem;
|
| 193 |
+
}
|
| 194 |
}
|