Improve abstract videos list

Better responsive and align miniatures to the left

2 files changed, 4 insertions, 1 deletions

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;