From 11dd0c2e4202e7ad68d8b7e6706de846401d29ff Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 3 Apr 2019 13:25:52 +0200
Subject: Improve abstract videos list

Better responsive and align miniatures to the left
---
 client/src/sass/include/_miniature.scss | 4 +++-
 client/src/sass/include/_variables.scss | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

(limited to 'client/src/sass/include')

diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 95b759225..2ea4aa105 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -121,6 +121,7 @@ $play-overlay-width: 18px;
 
     .video-miniature-information {
       width: 100% !important;
+      text-align: left;
 
       span {
         width: 100%;
@@ -128,8 +129,9 @@ $play-overlay-width: 18px;
     }
 
     .video-thumbnail {
-      width: 100%;
+      width: calc(100% + 30px);
       height: auto;
+      margin: 0 -15px;
 
       img {
         width: 100%;
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index b8eb06f2c..0e71a1867 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -46,6 +46,7 @@ $footer-border-color: $header-border-color;
 
 $separator-border-color: rgba(0, 0, 0, 0.10);
 
+$video-miniature-width: 238px;
 $video-thumbnail-height: 122px;
 $video-thumbnail-width: 223px;
 
-- 
cgit v1.2.3