From 829678936b708d57931c26d56b999b44e83579c8 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Mon, 7 Sep 2020 11:27:40 +0200
Subject: [PATCH] feat(article): change article toolbar style

---
 assets/scss/partials/layout/article.scss | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 3037950..2fc976d 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -94,11 +94,7 @@
 }
 
 #article-toolbar {
-    background: var(--card-background);
-    @include box_shadow(1);
-    border-radius: var(--card-border-radius);
     margin-bottom: 20px;
-    padding: 15px 20px;
     display: flex;
     align-items: center;
 
@@ -111,13 +107,28 @@
     }
 
     .back-home {
-        color: var(--card-text-color-secondary);
+        background: var(--card-background);
+        border-radius: var(--tag-border-radius);
+        color: var(--card-text-color-tertiary);
         margin-right: 30px;
         display: inline-flex;
         align-items: center;
+        font-size: 1.4rem;
+        text-transform: uppercase;
+        padding: 10px 20px 10px 15px;
+
+        transition: box-shadow 0.3s ease;
+
+        @include box_shadow(1);
+
+        &:hover {
+            @include box_shadow(2);
+        }
 
         svg {
             margin-right: 5px;
+            width: 20px;
+            height: 20px;
         }
 
         span {