Improve support for small screens in ebook list/grid view

This commit is contained in:
Alex Cabal 2022-01-08 12:21:03 -06:00
parent 2b9030b408
commit 6334838079

View file

@ -1239,7 +1239,13 @@ main.ebooks > ol.list > li > a{
main.ebooks > ol.list ul.tags{ main.ebooks > ol.list ul.tags{
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-left: 0; margin-left: -.25rem;
margin-top: .25rem;
}
main.ebooks > ol.list ul.tags li{
margin-left: .25rem;
margin-top: .25rem;
} }
main.ebooks > ol.list > li p{ main.ebooks > ol.list > li p{
@ -2616,6 +2622,15 @@ abbr.acronym{
main.ebooks nav > a{ main.ebooks nav > a{
padding: 1rem; padding: 1rem;
} }
main.ebooks > ol.list > li{
grid-template-columns: 1fr;
}
main.ebooks > ol.list > li img{
max-width: 50%;
margin-bottom: 1rem;
}
} }
@supports not(hyphens: auto){ @supports not(hyphens: auto){