Add hover effect to buttons

diff --git a/client/src/app/account/account-videos/account-videos.component.scss b/client/src/app/account/account-videos/account-videos.component.scss
index 7ac25afc3ad1ee565cbb7cc63fcbaa8090dfb2af..e7fe662b1ce29376eb270c047bd9bdcb6860585f 100644 (file)
--- a/client/src/app/account/account-videos/account-videos.component.scss
+++ b/client/src/app/account/account-videos/account-videos.component.scss
@@ -33,6 +33,10 @@
     color: #585858;
     background-color: #E5E5E5;
 
+    &:hover {
+      background-color: #EFEFEF;
+    }
+
     &.action-button-delete {
       margin-right: 10px;
     }

diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss
index e44cf064d5259f67727d90fac9919dec084f89c0..7f1063414de9f298ac9f601d805557e6ad12dd25 100644 (file)
--- a/client/src/sass/_mixins.scss
+++ b/client/src/sass/_mixins.scss
@@ -31,6 +31,10 @@
   background-color: $orange-color;
   padding: 0 17px 0 13px;
   cursor: pointer;
+
+  &:hover {
+    background-color: #F97D46;
+  }
 }
 
 @mixin peertube-button-link {