switch margin-bottom rules to padding-bottom now used in miniature

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-watch / video-watch.component.scss

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 e0d41117a0aabd9e9806778464500a29daca6a75..2e083982eb46fe42d488b480be841228746fb3c8 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -122,7 +122,7 @@ $video-info-margin-left: 44px;
 
 .video-bottom {
   display: flex;
-  margin-top: 40px;
+  margin-top: 1.5rem;
 
   .video-info {
     flex-grow: 1;
@@ -418,7 +418,7 @@ $video-info-margin-left: 44px;
       display: flex;
       width: max-content;
       height: 100%;
-      margin-bottom: 20px;
+      padding-bottom: 20px;
       flex-wrap: wrap;
     }
 
@@ -552,7 +552,7 @@ my-video-comments {
 @media screen and (max-width: 600px) {
   .video-bottom {
     margin-top: 20px !important;
-    margin-bottom: 20px !important;
+    padding-bottom: 20px !important;
 
     .video-info {
       padding: 0;