From 43249acb66e6ddf62504efc5d933e6745df01bd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Scott=20Rayapoull=C3=A9?= <soulcramer@gmail.com>
Date: Sun, 30 Sep 2018 02:00:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Display=20the=20trailers=20with?=
 =?UTF-8?q?=20a=20better=20visual=20and=20responsive.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/anime/trailers.scarlet | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/pages/anime/trailers.scarlet b/pages/anime/trailers.scarlet
index d6f06fd20..3a7843c1e 100644
--- a/pages/anime/trailers.scarlet
+++ b/pages/anime/trailers.scarlet
@@ -1,27 +1,22 @@
 .anime-trailers
-	vertical
+	horizontal-wrap
+	justify-content space-around
 	.trailer
 		margin 1rem 0
-		border-bottom-left-radius ui-element-border-radius !important
-		border-top-left-radius ui-element-border-radius !important
 		box-shadow shadow-light
-		min-height 200px
+		min-height 180px
 		border-radius ui-element-border-radius
+		width 320px
 		overflow hidden
+		display flex
 
 		iframe
 			width 100%
 
->
-500px
-.anime-trailers
-	horizontal-wrap
-	justify-content flex-start
+> 500px
+	.anime-trailers
+		justify-content flex-start
 
-.trailer
-	max-width 200px
-	margin calc(content-padding / 2)
-	min-height 112px
-	height 112px
-	margin soundtrack-margin
-	margin-bottom media-bottom-margin
\ No newline at end of file
+		.trailer
+			margin calc(content-padding / 2)
+			margin-bottom media-bottom-margin
\ No newline at end of file