Fix wide nav buttons on small screens

This commit is contained in:
Alex Cabal 2021-01-16 14:55:50 -06:00
parent 5e8bc23819
commit 0c041ef003

View file

@ -2243,6 +2243,11 @@ label.checkbox input{
grid-column: 4;
margin-top: 1.4rem;
}
article nav ol li:not(.highlighted),
main.ebooks nav ol li:not(.highlighted){
display: none;
}
}
@media(max-width: 700px){
@ -2398,11 +2403,6 @@ label.checkbox input{
padding: 0;
}
article nav ol li:not(.highlighted),
main.ebooks nav ol li:not(.highlighted){
display: none;
}
main.front-page > section > section figure.stacked img.bottom,
main.front-page > section > section figure.stacked img.top{
width: 75%;
@ -2554,6 +2554,11 @@ label.checkbox input{
text-align: center;
display: block;
}
article nav a[rel],
main.ebooks nav > a{
padding: 1rem;
}
}
@supports not(hyphens: auto){