feat: better icons and sizing

packages/website/src/components/TankSearch/components/TankCardWrapper.tsx

@@ -4,7 +4,10 @@ export function TankCardWrapper(props: GridProps) {
   return (
     <Grid
       py="4"
-      columns="repeat(auto-fill, minmax(100px, 1fr))"
+      columns={{
+        initial: 'repeat(auto-fill, minmax(6rem, 1fr))',
+        sm: 'repeat(auto-fill, minmax(7rem, 1fr))',
+      }}
       flow="dense"
       gap="2"
       gapY="6"

packages/website/src/components/TankSearch/index.tsx

@@ -39,8 +39,8 @@ type TankSearchProps = Omit<FlexProps, 'onSelect'> & {
   onSelectAll?: (tanks: TankDefinition[]) => void;
 };
 
-const PREVIEW_COUNT = 25;
-const DEFAULT_LOADED_CARDS = 75;
+const PREVIEW_COUNT = 20;
+const DEFAULT_LOADED_CARDS = 64;
 
 const [gameDefinitions, modelDefinitions, tankDefinitions, tankNames] =
   await Promise.all([