From 47e1204be791cc4d4bc58603ac8c01bcab26c053 Mon Sep 17 00:00:00 2001
From: timhaller <67918170+timhaller@users.noreply.github.com>
Date: Fri, 15 Dec 2023 14:51:28 +0100
Subject: [PATCH] fix to style on chart.tsx

---
 components/custom/chart.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/components/custom/chart.tsx b/components/custom/chart.tsx
index b40690c..a271d8f 100644
--- a/components/custom/chart.tsx
+++ b/components/custom/chart.tsx
@@ -11,19 +11,21 @@ interface ChartProps {
 
 export function Chart({...props}: ChartProps) {
     return (
-        <div className={"text-[#F0F0F0]"}>
-            <div className={"flex flex-row justify-between w-full items-end"}>
-                {props.data.map((item, index) => (
-                    <Santa height={item.total} key={index}/>
-                ))}
-            </div>
-            <div className={"flex flex-row justify-between w-full items-end mt-2"}>
-                {props.data.map((item, index) => (
-                    <div className={"w-[100px] h-fit flex flex-col items-center"} key={index}>
-                        <div className={"h-[14px] w-[3pt] bg-white"}/>
-                        <span className={""}>{item.name}</span>
-                    </div>
-                ))}
+        <div className={"text-[#F0F0F0] flex-1 flex items-end"}>
+            <div className={"w-full"}>
+                <div className={"flex flex-row justify-between w-full items-end"}>
+                    {props.data.map((item, index) => (
+                        <Santa height={item.total} key={index}/>
+                    ))}
+                </div>
+                <div className={"flex flex-row justify-between w-full items-end mt-2"}>
+                    {props.data.map((item, index) => (
+                        <div className={"w-[100px] h-fit flex flex-col items-center"} key={index}>
+                            <div className={"h-[14px] w-[3pt] bg-white"}/>
+                            <span className={""}>{item.name}</span>
+                        </div>
+                    ))}
+                </div>
             </div>
         </div>
     )