From fdc662fedf6382b17d4b8b5600a3e5831c6ede63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 9 Feb 2024 23:30:40 -0600
Subject: [PATCH] feat: change order

---
 .../[id]/components/Characteristics/index.tsx | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx
index 0afd4c87b..1b153345f 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx
@@ -228,6 +228,24 @@ export function Characteristics() {
         )}
         {typeof shell.penetration !== 'number' && (
           <>
+            <Info
+              delta={
+                lerp(
+                  shell.penetration[0],
+                  shell.penetration[1],
+                  penetrationDistance / 500,
+                ) - shell.penetration[0]
+              }
+              indent
+              decimals={0}
+              name={`At ${penetrationDistance}m`}
+            >
+              {lerp(
+                shell.penetration[0],
+                shell.penetration[1],
+                penetrationDistance / 500,
+              )}
+            </Info>
             <Flex align="center" gap="2" style={{ paddingLeft: 24 }}>
               <Text>Distance</Text>
               <Slider
@@ -261,24 +279,6 @@ export function Characteristics() {
                 <TextField.Slot>m</TextField.Slot>
               </TextField.Root>
             </Flex>
-            <Info
-              delta={
-                lerp(
-                  shell.penetration[0],
-                  shell.penetration[1],
-                  penetrationDistance / 500,
-                ) - shell.penetration[0]
-              }
-              indent
-              decimals={0}
-              name={`At ${penetrationDistance}m`}
-            >
-              {lerp(
-                shell.penetration[0],
-                shell.penetration[1],
-                penetrationDistance / 500,
-              )}
-            </Info>
           </>
         )}
         <InfoWithDelta name="Damage" unit="hp">