Change ebook details link to CSS grid

This commit is contained in:
Alex Cabal 2021-01-04 12:48:21 -06:00
parent ff5ddb290f
commit a586291062

View file

@ -814,16 +814,13 @@ article.ebook > header img{
} }
article.ebook section#details ul{ article.ebook section#details ul{
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: 1fr 1fr;
margin-top: 0; grid-gap: 1rem;
margin-left: -2rem;
} }
article.ebook section#details ul li{ article.ebook section#details ul li{
width: calc(50% - 2rem); margin: 0;
margin-top: 1rem;
margin-left: 2rem;
} }
article.ebook section#download ul{ article.ebook section#download ul{
@ -840,6 +837,10 @@ article.ebook section#download li span{
padding-top: 2rem; padding-top: 2rem;
} }
article.ebook section#download li:first-child span{
padding-top: 1rem;
}
article.ebook section#download li span:first-child{ article.ebook section#download li span:first-child{
white-space: nowrap; white-space: nowrap;
} }
@ -855,6 +856,11 @@ article.ebook section ul li a[class]{
align-items: center; align-items: center;
} }
article.ebook section#details ul li a[class]{
display: inline-flex;
align-items: flex-start;
}
article.ebook section#read-online a::before, article.ebook section#read-online a::before,
article.ebook section#download ul li a[class]::before, article.ebook section#download ul li a[class]::before,
article.ebook section#details ul li a[class]::before{ article.ebook section#details ul li a[class]::before{
@ -2152,16 +2158,7 @@ article.ebook section aside.donation p::after{
} }
article.ebook section#details ul{ article.ebook section#details ul{
flex-direction: column; grid-template-columns: 1fr;
}
article.ebook section#details ul li:first-child{
margin-top: 1rem;
}
article.ebook section#details ul li{
width: 100%;
margin-top: 2rem;
} }
article nav ol li.highlighted::before, article nav ol li.highlighted::before,