Spaces:
Running
Running
Update style/defaults/style.css
Browse files- style/defaults/style.css +6 -6
style/defaults/style.css
CHANGED
|
@@ -342,14 +342,14 @@ html, body {
|
|
| 342 |
/* --------------------------------------------------------------------------- */
|
| 343 |
@media (max-width: 600px) {
|
| 344 |
.menu-content {
|
| 345 |
-
width: 85vw;
|
| 346 |
-
max-height: 55vh;
|
| 347 |
-
overflow-y: auto;
|
| 348 |
-
padding:
|
| 349 |
-
font-size: 14px;
|
| 350 |
}
|
| 351 |
|
| 352 |
-
/* keep the close button inside the panel
|
| 353 |
.menu-content .help-close {
|
| 354 |
top: 6px;
|
| 355 |
right: 6px;
|
|
|
|
| 342 |
/* --------------------------------------------------------------------------- */
|
| 343 |
@media (max-width: 600px) {
|
| 344 |
.menu-content {
|
| 345 |
+
width: 85vw; /* 80-90 % of viewport width */
|
| 346 |
+
max-height: 55vh; /* ~half the screen tall */
|
| 347 |
+
overflow-y: auto; /* scroll if content longer */
|
| 348 |
+
padding: 40px 18px 14px;/* ↑ 40 px top pushes text below close btn */
|
| 349 |
+
font-size: 14px;
|
| 350 |
}
|
| 351 |
|
| 352 |
+
/* keep the close button clearly inside the panel */
|
| 353 |
.menu-content .help-close {
|
| 354 |
top: 6px;
|
| 355 |
right: 6px;
|