Somewhat improve appearance of album cards on narrow screens.
Previously, on very narrow screens, the album cards were spilling out of the container. Now they are better contained but I am still not 100% satisfied with the margins between them.
This commit is contained in:
parent
a52be02880
commit
1b5770b81a
2 changed files with 9 additions and 2 deletions
|
@ -26,8 +26,11 @@
|
||||||
"thumbnail metadata" auto
|
"thumbnail metadata" auto
|
||||||
/auto 1fr;
|
/auto 1fr;
|
||||||
|
|
||||||
width: 325px;
|
max-width: 325px;
|
||||||
margin: 8px;
|
width: 100%;
|
||||||
|
margin-right: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
box-sizing: border-box;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
.album_card_thumbnail
|
.album_card_thumbnail
|
||||||
|
|
|
@ -56,6 +56,10 @@ h2, h3
|
||||||
"right" 150px
|
"right" 150px
|
||||||
/1fr;
|
/1fr;
|
||||||
}
|
}
|
||||||
|
#left
|
||||||
|
{
|
||||||
|
margin-right: unset;
|
||||||
|
}
|
||||||
#right
|
#right
|
||||||
{
|
{
|
||||||
top: unset !important;
|
top: unset !important;
|
||||||
|
|
Loading…
Reference in a new issue