From 02f63ee5f0b454bee1dd45f40c4aa0ed5c0ec0da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 3 Feb 2024 13:49:29 -0600
Subject: [PATCH] fix: full width stats

---
 .../Characteristics/components/Consumables.tsx           | 2 +-
 .../components/Characteristics/components/Provisions.tsx | 2 +-
 .../Characteristics/components/Survivability.tsx         | 9 ---------
 .../tankopedia/[id]/components/Characteristics/index.tsx | 2 +-
 4 files changed, 3 insertions(+), 12 deletions(-)
 delete mode 100644 src/app/tools/tankopedia/[id]/components/Characteristics/components/Survivability.tsx

diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx
index 1198205f2..d1e3e6d70 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx
@@ -30,7 +30,7 @@ export function Consumables() {
         <Text color="gray">(max {protagonist.tank.consumables})</Text>
       </Heading>
 
-      <Flex>
+      <Flex wrap="wrap">
         {consumablesList.map((consumable, index) => {
           const selected = consumables.includes(consumable.id);
 
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx
index 10ba9b4a3..597ce691a 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx
@@ -29,7 +29,7 @@ export function Provisions() {
         Provisions <Text color="gray">(max {protagonist.tank.provisions})</Text>
       </Heading>
 
-      <Flex>
+      <Flex wrap="wrap">
         {provisionsList.map((provision, index) => {
           const selected = provisions.includes(provision.id);
 
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Survivability.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Survivability.tsx
deleted file mode 100644
index 676da483a..000000000
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Survivability.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Flex } from '@radix-ui/themes';
-import { Info } from './Info';
-
-export function Survivability() {
-  return (
-    <Flex>
-    </Flex>
-  );
-}
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx
index 16a1bce09..2e60b65a0 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx
@@ -43,7 +43,7 @@ export function Characteristics() {
   }
 
   return (
-    <Flex direction="column" gap="4">
+    <Flex direction="column" gap="4" style={{ width: '100%' }}>
       <Flex direction="column" gap="2">
         <Heading size="5">Survivability</Heading>
         <Info name="Health" unit="hp">