From: Chocobozzz <me@florianbigard.com>
Date: Tue, 31 Jul 2018 07:43:26 +0000 (+0200)
Subject: Fix responsive on videos search
X-Git-Tag: v1.0.0-beta.10.pre.3~7
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=0933bb4a8a105d5393a3590e222cb0450102a8aa;hp=4a9e71c2b1ef57de01cd04984348b3957ebbc21d;p=github%2FChocobozzz%2FPeerTube.git

Fix responsive on videos search
---

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 40ecea67c..8920fbccb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -22,13 +22,15 @@ This version is a pre release because it contains many important changes, and re
 $ sudo -u postgres psql peertube_prod -c 'CREATE EXTENSION IF NOT EXISTS unaccent;'
 $ sudo -u postgres psql peertube_prod -c 'CREATE EXTENSION IF NOT EXISTS pg_trgm;'
 ```
+
+You will need [PostgreSQL Contrib](https://www.postgresql.org/docs/9.6/static/contrib.html).
   
 ### BREAKING CHANGES
 
  * Require `unaccent` and `pg_trgm` PostgreSQL extension for the PeerTube database
  * `category` filter param is replaced by `categoryOneOf`
- * Switch job queue to [Bull](https://github.com/OptimalBits/bull). PeerTube should migrate your old pending jobs in this new queue manager
- * Update nginx template
+ * Switch job queue to [Bull](https://github.com/OptimalBits/bull). **PeerTube will not migrate your old pending jobs in this new queue manager**
+ * Update nginx template (you need to [update manually](https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/production.md#nginx))
  * Update default cache size configurations
  
 ### Features
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;