make tabs less ugly (still ugly tho)

src/app/(home)/log-parser/page.tsx

@@ -935,8 +935,15 @@ export default function LogParser() {
         {error && <p className='text-red-500'>{error}</p>}
 
         {parsedGames.length > 0 && (
-          <Tabs defaultValue={defaultTabValue} className='mt-6 w-full'>
-            <TabsList className='grid h-auto w-full grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'>
+          <Tabs
+            defaultValue={defaultTabValue}
+            className='flex flex-1 flex-col px-0 py-4 md:py-6'
+          >
+            <TabsList
+              className={
+                'grid h-auto w-full grid-cols-1 gap-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4'
+              }
+            >
               {parsedGames.map((game) => {
                 // Determine labels for the tab trigger, handling potential name conflicts
                 const useGenericLabels =