X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2F%2Bvideo-watch%2Fvideo-watch.component.scss;h=990f86cc56d407e4d3860a455f49ea2569711e5a;hb=169310b288ea4ecfd0a664bc0829b404e1cc7bc2;hp=3446c34e31517af5a412bb62be6f5b3fa67a0f0c;hpb=abf1c5858e0579ab2ebce0fd67064c54ef3ae990;p=github%2FChocobozzz%2FPeerTube.git

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 3446c34e3..990f86cc5 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -1,12 +1,12 @@
 @import '_variables';
 @import '_mixins';
 
-#video-container {
+#video-element-wrapper {
   background-color: #000;
   display: flex;
   justify-content: center;
 
-  #video-element {
+  /deep/ .video-js {
     width: 888px;
     height: 500px;
 
@@ -66,12 +66,33 @@
       .video-info-channel {
         font-weight: $font-semibold;
         font-size: 15px;
+
+        a {
+          @include disable-default-a-behaviour;
+
+          color: #000;
+
+          &:hover {
+            opacity: 0.8;
+          }
+        }
+
+        my-help {
+          display: inline-block;
+        }
       }
 
-      .video-info-by {
+      .video-info-by a {
+        @include disable-default-a-behaviour;
+
         display: flex;
         align-items: center;
         font-size: 13px;
+        color: #000;
+
+        span:hover {
+          opacity: 0.8;
+        }
 
         img {
           @include avatar(18px);
@@ -80,6 +101,11 @@
         }
       }
 
+      my-video-feed {
+        margin-left: 5px;
+        margin-top: 1px;
+      }
+
       .video-actions-rates {
         display: flex;
         flex-direction: column;
@@ -205,8 +231,7 @@
       font-size: 15px;
 
       .video-info-description-html {
-        word-wrap: break-word;
-        text-align: justify;
+        @include peertube-word-wrap;
       }
 
       .description-loading {
@@ -241,6 +266,8 @@
   }
 
   .other-videos {
+    padding-left: 1em;
+
     .title-page {
       margin-top: 0;
     }
@@ -322,7 +349,7 @@
 
         .video-actions-rates {
           margin-top: 20px;
-          align-items: left;
+          align-items: start;
 
           .video-info-likes-dislikes-bar {
             margin-top: 10px;
@@ -346,7 +373,7 @@
   }
 }
 
-@media screen and (max-width: 1400px) {
+@media screen and (max-width: 1300px) {
   .other-videos {
     display: none;
   }