From 3fe9f647fd447c83b5bda2c0061cfb8ad821b938 Mon Sep 17 00:00:00 2001
From: Jesse Chan <jc@linux.com>
Date: Wed, 7 Apr 2021 12:26:51 +0800
Subject: [PATCH] styles: left align texts of sidebar

---
 .../src/sass/components/_sidebar-filter.scss  | 33 +++++++++----------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/client/src/sass/components/_sidebar-filter.scss b/client/src/sass/components/_sidebar-filter.scss
index b31981ce..64d3f2c5 100644
--- a/client/src/sass/components/_sidebar-filter.scss
+++ b/client/src/sass/components/_sidebar-filter.scss
@@ -11,6 +11,7 @@
     cursor: pointer;
     font-weight: 400;
     padding: 3px 20px;
+    text-align: start;
     transition: color 0.25s;
 
     &:focus-visible,
@@ -36,6 +37,20 @@
       }
     }
 
+    &--heading {
+      cursor: default;
+      font-size: 0.8em;
+      font-weight: 500;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+
+      &,
+      &:focus-visible,
+      &:hover {
+        @include theme('color', 'sidebar-filter--foreground--header');
+      }
+    }
+
     .icon {
       display: inline-block;
       @include theme('fill', 'sidebar-filter--foreground');
@@ -52,21 +67,3 @@
     @include theme('color', 'sidebar-filter--count--foreground');
   }
 }
-
-.sidebar-filter {
-  &__item {
-    &--heading {
-      cursor: default;
-      font-size: 0.8em;
-      font-weight: 500;
-      letter-spacing: 0.1em;
-      text-transform: uppercase;
-
-      &,
-      &:focus-visible,
-      &:hover {
-        @include theme('color', 'sidebar-filter--foreground--header');
-      }
-    }
-  }
-}