From 3fc90f234a343f0dc7311505129e41dc0083420b Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Fri, 8 May 2020 14:41:19 +0800
Subject: Update sidebar CSS

---
 assets/sass/modules/_sidebar.scss | 44 ++++++++++++++++++++++-----------------
 1 file changed, 25 insertions(+), 19 deletions(-)

(limited to 'assets')

diff --git a/assets/sass/modules/_sidebar.scss b/assets/sass/modules/_sidebar.scss
index 822e481..2a64011 100644
--- a/assets/sass/modules/_sidebar.scss
+++ b/assets/sass/modules/_sidebar.scss
@@ -1,14 +1,4 @@
 #sidebar {
-    ul {
-        list-style-type: none;
-        margin: 0.5rem 0;
-
-        ul {
-            margin: 0rem 0.5rem;
-            font-size: 0.875rem;
-        }
-    }
-
     padding: 1.5rem 1rem;
 
     // different padding when screen size below width-md(768px)
@@ -17,19 +7,35 @@
         padding: 1.5rem;
     }
 
+    ul {
+        list-style-type: none;
+
+        ul {
+            margin: 0 0.5rem;
+            font-size: 0.875rem;
+        }
+    }
+
     h5 {
         font-size: $font-size-l3;
-    }
+        margin-bottom: 0.25rem;
+
+        &~div,
+        &~ul {
+            margin: 0 0.1rem 1rem 0.1rem;
+        }
 
-    .widget-bgm img {
-        color: $color-secondary;
-        margin: 0.5rem 0;
-        width: 100%;
-        border-radius: 2px;
-        filter: grayscale(50%);
+        &~img {
+            margin: 0 0.25rem;
+            padding: 0.25rem 0;
+            color: $color-secondary;
+            width: 100%;
+            border-radius: 2px;
+            filter: grayscale(50%);
 
-        @media screen and (max-width: $width-md) {
-            width: 50%;
+            @media screen and (max-width: $width-md) {
+                width: 50%;
+            }
         }
     }
 }
\ No newline at end of file
-- 
cgit v1.2.3