From 9bce811268cd74b402176ae9fcd8b77ac887576e Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 3 Jan 2018 12:04:22 +0100
Subject: Add hover effect on login/create an account button

---
 client/src/app/menu/menu.component.scss | 34 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 18 deletions(-)

(limited to 'client')

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index ae167cfb6..297fda84d 100644
--- 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);
       }
     }
   }
-- 
cgit v1.2.3