[mv3] Fine tune for small screens

This commit is contained in:
Raymond Hill 2023-08-22 20:08:26 -04:00
parent f5169ac6ea
commit f8a83fff7c
No known key found for this signature in database
GPG key ID: 25E1490B761470C2
2 changed files with 16 additions and 1 deletions

View file

@ -256,7 +256,6 @@ body:not([data-section~="b"]) [data-section="b"] {
/* mouse-driven devices */
:root.desktop {
display: flex;
justify-content: flex-end;
}
:root.desktop body {
--popup-gap: calc(var(--font-size) * 0.875);
@ -278,3 +277,10 @@ body:not([data-section~="b"]) [data-section="b"] {
#templates {
display: none;
}
@media (max-width: 480px) {
#main {
max-width: 100vw;
width: 100vw;
}
}

View file

@ -177,3 +177,12 @@ body.noMoreRuleset .listEntry:not(.checked) {
#templates {
display: none;
}
@media (max-width: 480px) {
#defaultFilteringMode {
grid: 1fr 1fr 1fr / auto-flow dense;
}
.filteringModeCard > div:nth-of-type(2) {
justify-content: flex-start;
}
}