Add video privacy setting

[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 69661747c2ccbdb82aa613779bc98481b378af42..ab0539fa30302db7568198c4c40ff4ee5f3910b8 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -33,8 +33,9 @@
   .video-name-views {
     font-weight: bold;
     font-size: 18px;
-    height: $video-watch-title-height;
-    line-height: $video-watch-title-height;
+    min-height: $video-watch-title-height;
+    display: flex;
+    align-items: center;
 
     .video-name {
       padding-left: $video-watch-info-padding-left;
@@ -169,26 +170,43 @@
         font-weight: bold;
         margin-bottom: 30px;
       }
+
+      .video-details-description-more {
+        cursor: pointer;
+        margin-top: 15px;
+        font-weight: bold;
+        color: #acaeb7;
+
+        .glyphicon {
+          position: relative;
+          top: 2px;
+        }
+      }
     }
 
     .video-details-attributes {
       font-weight: bold;
       font-size: 12px;
 
-      .video-details-attribute-label {
-        color: $video-watch-info-color;
-        display: inline-block;
-        width: 60px;
-        margin-right: 5px;
+      .video-details-attribute {
+        display: flex;
+
+        .video-details-attribute-label {
+          color: $video-watch-info-color;
+          flex-basis: 60px;
+          flex-grow: 0;
+          flex-shrink: 0;
+          margin-right: 5px;
+        }
       }
     }
 
     .video-details-tags {
-      display: inline-block;
+      display: flex;
+      flex-wrap: wrap;
 
       a {
-        display: inline-block;
-        margin-right: 3px;
+        margin: 0 3px 3px 0;
         font-size: 11px;
       }
     }