Client Better design for video watch

2 files changed, 13 insertions, 2 deletions

diff --git a/client/src/sass/_variables.scss b/client/src/sass/_variables.scss
index be57db304..1b91434ba 100644
--- a/client/src/sass/_variables.scss
+++ b/client/src/sass/_variables.scss
@@ -1,8 +1,15 @@
+$grey-color: #555;
+
 $black-background: #1d2125;
 $grey-background: #f6f2f2;
 
-$header-height: 60px;
+$header-height: 65px;
 $header-border-color: #e9eff6;
 
 $video-miniature-title-color: #16a2b7;
 $video-miniature-other-infos: #686767;
+
+$video-watch-border-color: #eceef4;
+$video-watch-title-height: 90px;
+$video-watch-info-color: #8e909b;
+$video-watch-info-height: 150px;
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 25d79a0cb..d65cd8c64 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -13,6 +13,10 @@ input.readonly {
   border-radius: 0;
 }
 
+.dropdown-menu {
+  border-radius: 0;
+}
+
 .glyphicon-black {
   color: black;
 }
@@ -61,7 +65,7 @@ input.readonly {
 
   #peertube-title {
     background-color: #fff;
-    border-right: 2px solid $header-border-color;
+    border-right: 1px solid $header-border-color;
     font-size: 25px;
     line-height: $header-height;
     text-align: center;