diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet index 82d38b6d..11043564 100644 --- a/pages/anime/anime.scarlet +++ b/pages/anime/anime.scarlet @@ -62,7 +62,8 @@ .anime-soundtrack vertical - width 100% + flex-basis 100% + flex-grow 1 margin-bottom 0.5rem > 500px diff --git a/pages/soundtracks/soundtracks.scarlet b/pages/soundtracks/soundtracks.scarlet index d61517ee..16059ed4 100644 --- a/pages/soundtracks/soundtracks.scarlet +++ b/pages/soundtracks/soundtracks.scarlet @@ -10,11 +10,12 @@ .sound-track-content horizontal + border-radius 3px + overflow hidden + box-shadow shadow-light iframe width 100% - - box-shadow shadow-light .sound-track-footer text-align center diff --git a/styles/grid.scarlet b/styles/grid.scarlet index caa8ae2b..753a69b5 100644 --- a/styles/grid.scarlet +++ b/styles/grid.scarlet @@ -5,7 +5,7 @@ mixin grid mixin grid-cell position relative - width 16vw + flex-basis 16vw height 16vw min-width 90px min-height 127px diff --git a/styles/widgets.scarlet b/styles/widgets.scarlet index 95de3cee..7b7e92c1 100644 --- a/styles/widgets.scarlet +++ b/styles/widgets.scarlet @@ -21,7 +21,8 @@ .widget vertical - width 100% + flex-basis 100% + flex-grow 1 margin calc(content-padding / 2) overflow hidden