From 836b174d339b3eea4ba18f961f26a40b537c6425 Mon Sep 17 00:00:00 2001
From: Alex Tran <alex.tran1502@gmail.com>
Date: Wed, 7 Sep 2022 21:19:24 -0500
Subject: [PATCH] Better styling for count info

---
 .../shared-components/side-bar/side-bar.svelte       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/lib/components/shared-components/side-bar/side-bar.svelte b/web/src/lib/components/shared-components/side-bar/side-bar.svelte
index a065ded9c2..c13070e158 100644
--- a/web/src/lib/components/shared-components/side-bar/side-bar.svelte
+++ b/web/src/lib/components/shared-components/side-bar/side-bar.svelte
@@ -66,12 +66,12 @@
 			on:mouseenter={() => (showAssetCount = true)}
 			on:mouseleave={() => (showAssetCount = false)}
 		>
-			<InformationOutline size={18} color="#4250af" />
+			<InformationOutline size={18} color="#989a9f" />
 			{#if showAssetCount}
 				<div
 					transition:fade={{ duration: 200 }}
 					id="asset-count-info-detail"
-					class="w-32 rounded-lg px-4 py-2 shadow-lg bg-white absolute -right-[135px] top-0 z-[9999] flex place-items-center place-content-center"
+					class="w-32 rounded-lg p-4 shadow-lg bg-white absolute -right-[135px] top-0 z-[9999] flex place-items-center place-content-center"
 				>
 					{#await getAssetCount()}
 						<LoadingSpinner />
@@ -99,12 +99,12 @@
 			on:mouseenter={() => (showSharingCount = true)}
 			on:mouseleave={() => (showSharingCount = false)}
 		>
-			<InformationOutline size={18} color="#4250af" />
+			<InformationOutline size={18} color="#989a9f" />
 			{#if showSharingCount}
 				<div
 					transition:fade={{ duration: 200 }}
 					id="asset-count-info-detail"
-					class="w-32 rounded-lg px-4 py-2 shadow-lg bg-white absolute -right-[135px] top-0 z-[9999] flex place-items-center place-content-center"
+					class="w-24 rounded-lg p-4 shadow-lg bg-white absolute -right-[105px] top-0 z-[9999] flex place-items-center place-content-center"
 				>
 					{#await getAlbumCount()}
 						<LoadingSpinner />
@@ -134,12 +134,12 @@
 			on:mouseenter={() => (showAlbumsCount = true)}
 			on:mouseleave={() => (showAlbumsCount = false)}
 		>
-			<InformationOutline size={18} color="#4250af" />
+			<InformationOutline size={18} color="#989a9f" />
 			{#if showAlbumsCount}
 				<div
 					transition:fade={{ duration: 200 }}
 					id="asset-count-info-detail"
-					class="w-32 rounded-lg px-4 py-2 shadow-lg bg-white absolute -right-[135px] top-0 z-[9999] flex place-items-center place-content-center"
+					class="w-24 rounded-lg p-4 shadow-lg bg-white absolute -right-[105px] top-0 z-[9999] flex place-items-center place-content-center"
 				>
 					{#await getAlbumCount()}
 						<LoadingSpinner />