Improve wrapping on mobile

This commit is contained in:
Cadence Ember 2020-10-06 23:45:09 +13:00
parent 5c3a4df209
commit 2030f623a0
No known key found for this signature in database
GPG Key ID: BC1C2C61CF521B17
2 changed files with 8 additions and 0 deletions

View File

@ -29,6 +29,9 @@
margin: 8px 4px 16px margin: 8px 4px 16px
font-size: 17px font-size: 17px
@media screen and (max-width: 499px)
display: block
.info-main .info-main
flex: 1 flex: 1
@ -54,6 +57,10 @@
margin-top: 6px margin-top: 6px
margin-left: 6px margin-left: 6px
@media screen and (max-width: 499px)
align-items: flex-start
margin-left: 0px
.rating-bar .rating-bar
margin-top: 8px margin-top: 8px
width: 140px width: 140px

View File

@ -20,3 +20,4 @@
.button-container .button-container
display: flex display: flex
flex-wrap: wrap