From a8bb6d0bb81329855aeba0ab6f26e43dcb5dcd3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 3 May 2024 19:10:51 -0500
Subject: [PATCH] feat: characteriscs lauytout

---
 .../components/Model/CharacteristicsSection.tsx   | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/CharacteristicsSection.tsx b/src/app/tools/tankopedia/[id]/components/Model/CharacteristicsSection.tsx
index cf0096cdb..860868b25 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/CharacteristicsSection.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/CharacteristicsSection.tsx
@@ -14,8 +14,13 @@ export function CharacteristicsSection() {
 
   return (
     <PageWrapper>
-      <Flex gap="4" style={{ width: '100%' }}>
-        <Flex style={{ flex: 1 }} direction="column" gap="4">
+      <Flex
+        gap="5"
+        style={{ width: '100%' }}
+        direction={wideFormat ? 'row' : 'column'}
+        align={wideFormat ? undefined : 'center'}
+      >
+        <Flex style={{ flex: 1, maxWidth: 480 }} direction="column" gap="4">
           <Heading>Configure</Heading>
           <Modules />
           <Equipment />
@@ -25,7 +30,11 @@ export function CharacteristicsSection() {
           <Miscellaneous />
         </Flex>
 
-        <Flex style={{ flex: 1 }} direction="column" gap="4">
+        <Flex
+          style={{ flex: 1, width: wideFormat ? undefined : '100%' }}
+          direction="column"
+          gap="4"
+        >
           <Heading>Characteristics</Heading>
           <Characteristics />
         </Flex>