From 6b72af9e8fb36117852e2bfe1d6636966fc40b2f Mon Sep 17 00:00:00 2001
From: Sonny <sonnyasdev@gmail.com>
Date: Sun, 14 Apr 2024 16:11:05 +0200
Subject: [PATCH] fix: some style issues caused by the new visibility badge
 component

---
 src/components/Links/links.module.scss                        | 4 +++-
 .../SideNavigation/Categories/categories.module.scss          | 2 +-
 src/components/Visibility/visibility.module.scss              | 1 -
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Links/links.module.scss b/src/components/Links/links.module.scss
index 100245d..c2a305c 100644
--- a/src/components/Links/links.module.scss
+++ b/src/components/Links/links.module.scss
@@ -47,6 +47,7 @@
     min-width: 0;
     width: 100%;
     display: flex;
+    gap: 0.35em;
     flex: 1;
     align-items: center;
   }
@@ -68,9 +69,10 @@
   }
 
   & .links-count {
-    color: $grey;
+    min-width: fit-content;
     font-weight: 300;
     font-size: 0.8em;
+    color: $grey;
   }
 }
 
diff --git a/src/components/SideNavigation/Categories/categories.module.scss b/src/components/SideNavigation/Categories/categories.module.scss
index c1ee4d1..c225378 100644
--- a/src/components/SideNavigation/Categories/categories.module.scss
+++ b/src/components/SideNavigation/Categories/categories.module.scss
@@ -37,7 +37,7 @@
   }
 
   & .content {
-    width: 100%;
+    width: calc(100% - 24px);
     display: flex;
     gap: 0.35em;
     align-items: center;
diff --git a/src/components/Visibility/visibility.module.scss b/src/components/Visibility/visibility.module.scss
index 45d1573..b0aaf12 100644
--- a/src/components/Visibility/visibility.module.scss
+++ b/src/components/Visibility/visibility.module.scss
@@ -7,7 +7,6 @@
   border: 1px solid rgba($color: $blue, $alpha: 0.75);
   border-radius: 50px;
   padding: 0.15em 0.65em;
-  margin-left: 0.5em;
   display: flex;
   gap: 0.35em;
   align-items: center;