From 0933bb4a8a105d5393a3590e222cb0450102a8aa Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 31 Jul 2018 09:43:26 +0200
Subject: Fix responsive on videos search

---
 client/src/app/search/search.component.scss          | 16 +++++++++++++++-
 client/src/app/shared/video/abstract-video-list.scss |  2 +-
 2 files changed, 16 insertions(+), 2 deletions(-)

(limited to 'client/src')

diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index 330eef9d8..ef89c5666 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -107,6 +107,10 @@
 }
 
 @media screen and (max-width: 800px) {
+  .search-result {
+    margin: 20px 10px;
+  }
+
   .results-header {
     font-size: 15px !important;
   }
@@ -123,7 +127,17 @@
       }
 
       my-video-thumbnail {
-        margin-right: 0;
+        margin-right: 0 !important;
+
+        /deep/ .video-thumbnail {
+          width: 100%;
+          height: auto;
+
+          img {
+            width: 100%;
+            height: auto;
+          }
+        }
       }
     }
   }
diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 913fcfe22..91091a5bb 100644
--- a/client/src/app/shared/video/abstract-video-list.scss
+++ b/client/src/app/shared/video/abstract-video-list.scss
@@ -34,7 +34,7 @@ my-video-feed {
         }
       }
 
-      /deep/ .video-thumbnail {
+      .video-thumbnail {
         width: 100%;
         height: auto;
 
-- 
cgit v1.2.3