Add hover effect on login/create an account button

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index ae167cfb6de29f257f317dc047d7d76836e990ef..297fda84d3c69581b2b6c94658ebc34da4f73d3e 100644 (file)
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -62,28 +62,26 @@ menu {
   .button-block {
     margin: 30px 25px 35px 25px;
 
-    .login-button, .create-account-button {
-      font-weight: $font-semibold;
-      font-size: 15px;
-      height: $button-height;
-      line-height: $button-height;
-      width: 100%;
-      border-radius: 3px;
-      text-align: center;
-      color: $menu-color;
+    .login-button {
+      @include peertube-button-link;
+      @include orange-button;
+
       display: block;
-      cursor: pointer;
-      margin-bottom: 15px;
+      width: 100%;
+      margin-bottom: 10px;
+    }
 
-      @include disable-default-a-behaviour;
+    .create-account-button {
+      @include peertube-button-link;
 
-      &.login-button {
-        background-color: $orange-color;
-        margin-bottom: 10px;
-      }
+      display: block;
+      width: 100%;
+
+      color: #fff;
+      background-color: rgba(255, 255, 255, 0.25);
 
-      &.create-account-button {
-        background-color: rgba(255, 255, 255, 0.25);
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.28);
       }
     }
   }