adding basic helpers to guide users for comments/subscribe to accounts

[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 fe3cc4ded433b020a0acd90354bafd9bb0cdf71e..990f86cc56d407e4d3860a455f49ea2569711e5a 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -66,16 +66,32 @@
       .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;
 
-        a {
-          color: black;
-          display: inline-block;
+        span:hover {
+          opacity: 0.8;
         }
 
         img {
@@ -215,9 +231,7 @@
       font-size: 15px;
 
       .video-info-description-html {
-        word-break: normal;
-        word-wrap: normal;
-        text-align: justify;
+        @include peertube-word-wrap;
       }
 
       .description-loading {
@@ -252,6 +266,8 @@
   }
 
   .other-videos {
+    padding-left: 1em;
+
     .title-page {
       margin-top: 0;
     }