(css) optimize .other-videos width

diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index 03e15afffe23c5085e9c4e74dff68fd3534d7b49..4789c2454c6f7743e47ac60cfb8ee0c9af0a19a7 100644 (file)
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -64,7 +64,6 @@ $more-margin-right: 10px;
 
     .video-actions {
       margin-top: 3px;
-      margin-right: $more-margin-right;
       width: $more-button-width;
       height: 30px;
 

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 81c3199504502b6234567fe1765fe5bd0d29a4d9..fe6a891d54c01d11fba6e8a50d1a071047ef5d54 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -406,9 +406,11 @@ $video-info-margin-left: 44px;
       height: 100%;
       margin-bottom: 20px;
       flex-wrap: wrap;
+    }
 
-      .video-thumbnail {
-        margin-right: 10px
+    .video-bottom {
+      @media screen and (max-width: 1800px - (3* $video-miniature-width)) {
+        margin-left: 1rem;
       }
     }
   }