From 6d25a97fc8c5792c457b361367f44e11015726d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 22 Aug 2025 12:23:57 -0500
Subject: [PATCH] fix: dynamic sizing

---
 .../components/ReloadVisualizer/components/Shell.tsx |  4 +---
 .../components/ReloadVisualizer/index.tsx            | 12 ++++++------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/components/Shell.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/components/Shell.tsx
index 1d261de51..c06e38136 100644
--- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/components/Shell.tsx
+++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/components/Shell.tsx
@@ -40,7 +40,7 @@ export function Shell({ index, stats }: ShellProps & StatsAcceptorProps) {
       <Box
         left="50%"
         position="absolute"
-        ml="calc(25% + 2.5rem)"
+        ml="40%"
         width="1.25rem"
         height="1.25rem"
         style={{
@@ -70,11 +70,9 @@ export function Shell({ index, stats }: ShellProps & StatsAcceptorProps) {
             overflow: 'hidden',
             maskImage:
               'url(/assets/images/tankopedia/visualizers/reload/shell.png)',
-            // maskComposite: 'exclude',
             maskSize: 'contain',
             maskRepeat: 'no-repeat',
             maskPosition: 'center',
-            // background: 'red',
           }}
         >
           <Box
diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx
index 2d734a50c..70b46034d 100644
--- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx
+++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx
@@ -163,8 +163,8 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
         position="absolute"
         top="50%"
         left="50%"
-        width="12rem"
-        height="12rem"
+        width="65%"
+        height="65%"
         className="reload"
         ref={reloadGlow}
         style={{
@@ -179,8 +179,8 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
         position="absolute"
         top="50%"
         left="50%"
-        width="12rem"
-        height="12rem"
+        width="65%"
+        height="65%"
         className="reload"
         ref={reloadCircle}
         style={{
@@ -242,7 +242,7 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
           transform: 'translateX(50%)',
         }}
       >
-        6.9s
+        0.00
       </Code>
       <Code
         ref={totalTime}
@@ -257,7 +257,7 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) {
           transform: 'translateX(-50%)',
         }}
       >
-        10.0s
+        0.00
       </Code>
 
       {stats.shells > 1 &&