Style fixes for Safari

2017-11-07 08:43:54 +01:00 · 2017-11-07 08:43:54 +01:00 · 6d813ad596
commit 6d813ad596
parent b3a8777c80
4 changed files with 8 additions and 5 deletions
--- 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
--- a/pages/soundtracks/soundtracks.scarlet
+++ b/pages/soundtracks/soundtracks.scarlet
@ -10,12 +10,13 @@

 .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
 	margin-bottom 1rem
--- 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
--- 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