From d8fe512554304f37e9e28a620fbe06803f0f3c7a Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Thu, 19 Oct 2023 20:43:09 +0100
Subject: [PATCH] made labels smaller

---
 src/app/player/[id]/page.tsx | 2 +-
 src/components/Label.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/player/[id]/page.tsx b/src/app/player/[id]/page.tsx
index fe9c32e..a1d53a7 100644
--- a/src/app/player/[id]/page.tsx
+++ b/src/app/player/[id]/page.tsx
@@ -130,7 +130,7 @@ export default function Player({ params }: { params: { id: string } }) {
               </div>
               {/* Labels */}
               <div className="flex flex-col gap-2">
-                <div className="flex gap-2">
+                <div className="flex gap-2 ">
                   <Label
                     title="Total play count"
                     className="bg-blue-500"
diff --git a/src/components/Label.tsx b/src/components/Label.tsx
index edf9119..f7e0129 100644
--- a/src/components/Label.tsx
+++ b/src/components/Label.tsx
@@ -13,7 +13,7 @@ export default function Label({
 }: LabelProps) {
   return (
     <div className={clsx("flex flex-col justify-center rounded-md", className)}>
-      <div className="flex items-center gap-2 p-[0.3rem]">
+      <div className="p4-[0.3rem] flex items-center gap-2 pb-[0.2rem] pl-[0.3rem] pr-[0.3rem] pt-[0.2rem]">
         <p>{title}</p>
         <div className="h-4 w-[1px] bg-neutral-100"></div>
         <p>{value}</p>