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{
display: flex;
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{
@ -2616,6 +2622,15 @@ abbr.acronym{
main.ebooks nav > a{
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){