feat: better sizing

src/app/tools/tankopedia/components/List/index.css.tsx

@@ -7,7 +7,7 @@ export const listingShadow = style({
   boxShadow: `inset 0 -128px 128px -128px ${theme.colors.appBackground1}`,
 
   [`.${listing}:hover &`]: {
-    boxShadow: `inset 0 0 128px -128px ${theme.colors.appBackground1}`,
+    boxShadow: `inset 0 0 0 -128px ${theme.colors.appBackground1}`,
   },
 });
 

src/app/tools/tankopedia/components/List/index.tsx

@@ -37,13 +37,18 @@ export function List() {
             input={input}
             list={awaitedTanks.map((tank, index) => ({
               node: (
-                <a href={`/tools/tankopedia/${tank.id}`}>
+                <a
+                  href={`/tools/tankopedia/${tank.id}`}
+                  style={{
+                    flex: 1,
+                  }}
+                >
                   <Card className={styles.listing}>
                     <Inset
                       key={index}
                       style={{
-                        height: 128,
+                        minHeight: 128,
-                        width: 256,
+                        minWidth: 256,
                         position: 'relative',
                         display: 'flex',
                         alignItems: 'center',

src/components/PageWrapper.tsx

@@ -19,7 +19,7 @@ export default function PageWrapper({
         gap="4"
         style={{
           width: '100%',
-          maxWidth: size === 'regular' ? 800 : 880,
+          maxWidth: size === 'regular' ? 800 : 960,
           margin: 'auto',
           padding: 16,
           boxSizing: 'border-box',