Fix dropdown menu in video watch

3 files changed, 34 insertions, 16 deletions

diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss
index 6a18f7a76..ddc9c6766 100644
--- a/client/src/sass/_mixins.scss
+++ b/client/src/sass/_mixins.scss
@@ -19,22 +19,34 @@
   }
 }
 
+@mixin orange-button {
+  color: #fff;
+  background-color: $orange-color;
+
+  &:hover {
+    background-color: $orange-hoover-color;
+  }
+}
+
+@mixin grey-button {
+  background-color: $grey-color;
+  color: #585858;
+
+  &:hover {
+    background-color: $grey-hoover-color;
+  }
+}
+
 @mixin peertube-button {
   border: none;
-  color: #fff;
   font-weight: $font-semibold;
   font-size: 15px;
   height: $button-height;
   line-height: $button-height;
   border-radius: 3px;
   text-align: center;
-  background-color: $orange-color;
   padding: 0 17px 0 13px;
   cursor: pointer;
-
-  &:hover {
-    background-color: $orange-hoover-color;
-  }
 }
 
 @mixin peertube-button-link {
diff --git a/client/src/sass/_variables.scss b/client/src/sass/_variables.scss
index cc1cee75b..0d310409b 100644
--- a/client/src/sass/_variables.scss
+++ b/client/src/sass/_variables.scss
@@ -2,7 +2,8 @@ $font-regular: 400;
 $font-semibold: 600;
 $font-bold: 700;
 
-$grey-color: #555;
+$grey-color: #E5E5E5;
+$grey-hoover-color: #EFEFEF;;
 $orange-color: #F1680D;
 $orange-hoover-color: #F97D46;
 
@@ -17,7 +18,6 @@ $button-height: 30px;
 
 $header-height: 50px;
 $header-border-color: #e9eff6;
-
 $search-input-width: 375px;
 
 $menu-color: #fff;
@@ -27,11 +27,3 @@ $footer-height: 30px;
 $footer-margin: 30px;
 
 $footer-border-color: $header-border-color;
-
-$video-miniature-other-infos: #686767;
-
-$video-watch-border-color: #eceef4;
-$video-watch-title-height: 90px;
-$video-watch-info-color: #9da0ae;
-$video-watch-info-height: 120px;
-$video-watch-info-padding-left: 40px;
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index b860e1bf2..c81031021 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -138,3 +138,17 @@ p-datatable {
     }
   }
 }
+
+.dropdown-menu {
+  border-radius: 3px;
+  box-shadow: 0 3px 6px;
+  font-size: 15px;
+
+  .dropdown-item {
+    padding: 3px 15px;
+  }
+
+  a {
+    color: #000 !important;
+  }
+}