fix: gap alignemnt

packages/website/src/components/Armor/components/ShotDisplayCard.tsx

@@ -52,21 +52,11 @@ function LayerEntry({
 
       <td>
         {layer.type === null && (
-          <>
+          <Text size="2" color={shotStatusColor}>
-            <Text size="2" color={shotStatusColor}>
+            {literals(strings.common.units.mm, [
-              {literals(strings.common.units.mm, [
+              Math.round(layer.distance * 1000).toLocaleString(locale),
-                Math.round(layer.distance * 1000).toLocaleString(locale),
+            ])}
-              ])}
+          </Text>
-            </Text>
-
-            <Text size="2" color="gray">
-              {literals(
-                strings.website.tools.tankopedia.sandbox.dynamic.shot_card.stats
-                  .ricochet_loss,
-                [Math.max(-100, -50 * layer.distance).toFixed(0)],
-              )}
-            </Text>
-          </>
         )}
 
         {layer.type === ArmorType.External && (
@@ -93,9 +83,19 @@ function LayerEntry({
         )}
       </td>
 
-      {(layer.type === ArmorType.Primary ||
+      <td>
-        layer.type === ArmorType.Spaced) && (
+        {layer.type === null && (
-        <td>
+          <Text size="2" color="gray">
+            {literals(
+              strings.website.tools.tankopedia.sandbox.dynamic.shot_card.stats
+                .ricochet_loss,
+              [Math.max(-100, -50 * layer.distance).toFixed(0)],
+            )}
+          </Text>
+        )}
+
+        {(layer.type === ArmorType.Primary ||
+          layer.type === ArmorType.Spaced) && (
           <Text size="2" color="gray">
             {literals(
               strings.website.tools.tankopedia.sandbox.dynamic.shot_card.stats
@@ -103,8 +103,8 @@ function LayerEntry({
               [Math.round(layer.thickness).toLocaleString(locale)],
             )}
           </Text>
-        </td>
+        )}
-      )}
+      </td>
     </tr>
   );
 }
@@ -118,6 +118,8 @@ export function ShotDisplayCard({ shot, ...props }: ShotDisplayCardProps) {
 
   if (!shot) return null;
 
+  console.log(shot);
+
   const outTitleColor = shot.out
     ? shotStatusColors[shot.out.status]
     : undefined;