comment name emphasis for video author

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

diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
index 8d5348af4af28626609fb9063d49a37d97ec0bf5..0f95078c245957eb5256fec0fefd258bab5c1eaf 100644 (file)
--- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
@@ -25,8 +25,6 @@
 
   .comment-avatar {
     @include avatar(36px);
-
-    margin-top: 5px;
   }
 
   .comment {
@@ -49,17 +47,35 @@
       display: flex;
       margin-bottom: 4px;
 
+      .video-author {
+        height: 20px;
+        background-color: #888888;
+        border-radius: 12px;
+        margin-bottom: 2px;
+        max-width: 100%;
+        box-sizing: border-box;
+        flex-direction: row;
+        align-items: center;
+        display: inline-flex;
+        padding-right: 6px;
+        padding-left: 6px;
+        color: white !important;
+      }
+
       .comment-account {
         @include disable-default-a-behaviour;
 
         word-break: break-all;
         color: var(--mainForegroundColor);
         font-weight: $font-bold;
+        font-size: 90%;
       }
 
       .comment-date {
+        font-size: 90%;
         color: $grey-foreground-color;
-        margin-left: 10px;
+        margin-left: 5px;
+        text-decoration: none;
       }
     }