From 124e50b75e978f51eaa3c72aa04f533790e11034 Mon Sep 17 00:00:00 2001
From: Layne <laynebalsters@gmail.com>
Date: Thu, 17 Mar 2022 06:29:06 -0400
Subject: [PATCH] changed item-count font sizes

---
 src/common/index.scss                     | 3 ++-
 src/common/layout/LayoutItemCountView.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/common/index.scss b/src/common/index.scss
index b62c340c..e6740af7 100644
--- a/src/common/index.scss
+++ b/src/common/index.scss
@@ -241,7 +241,8 @@
 .nitro-item-count {
     top: 2px;
     right: 2px;
-    font-size: 8px;
+    font-size: 9.5px;
+    padding:2px 3px;
     z-index: 1;
 }
 
diff --git a/src/common/layout/LayoutItemCountView.tsx b/src/common/layout/LayoutItemCountView.tsx
index 54478a29..66bc9a22 100644
--- a/src/common/layout/LayoutItemCountView.tsx
+++ b/src/common/layout/LayoutItemCountView.tsx
@@ -12,7 +12,7 @@ export const LayoutItemCountView: FC<LayoutItemCountViewProps> = props =>
 
     const getClassNames = useMemo(() =>
     {
-        const newClassNames: string[] = [ 'badge', 'border', 'bg-danger', 'px-1', 'rounded-circle', 'nitro-item-count' ];
+        const newClassNames: string[] = [ 'badge', 'border', 'border-black', 'bg-danger', 'px-1', 'nitro-item-count' ];
 
         if(classNames.length) newClassNames.push(...classNames);