From 2e888525c62780565ea4efd1886a58dec507d605 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 2 Feb 2024 23:10:43 -0600
Subject: [PATCH] feat: cleaner 1 layer penetration

---
 src/components/ShotDisplay.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/ShotDisplay.tsx b/src/components/ShotDisplay.tsx
index adc8832f4..16e3f6378 100644
--- a/src/components/ShotDisplay.tsx
+++ b/src/components/ShotDisplay.tsx
@@ -89,7 +89,7 @@ export function ShotDisplay() {
         >
           <Card
             style={{
-              width: 300,
+              width: shot.thicknesses.length > 1 ? 300 : 200,
             }}
           >
             <Flex direction="column" gap="1">
@@ -103,15 +103,17 @@ export function ShotDisplay() {
               <Flex
                 direction="column"
                 style={{
-                  paddingLeft: 8,
+                  paddingLeft: shot.thicknesses.length > 1 ? 8 : undefined,
                 }}
               >
                 {shot.thicknesses.map(({ nominal, angled, type }, index) => (
                   <Flex gap="2">
-                    <Text>
-                      {index + 1}. {type[0].toUpperCase()}
-                      {type.slice(1)}
-                    </Text>
+                    {shot.thicknesses.length > 1 && (
+                      <Text>
+                        {index + 1}. {type[0].toUpperCase()}
+                        {type.slice(1)}
+                      </Text>
+                    )}
 
                     <Flex gap="1">
                       <NominalPenetration width={24} height={24} />