From e82df70a333422d5c02205ba7a65f425c0180bd7 Mon Sep 17 00:00:00 2001
From: Andres <andres99.dev@gmail.com>
Date: Mon, 23 Jun 2025 22:15:31 +0200
Subject: [PATCH] make tabs less ugly (still ugly tho)

---
 src/app/(home)/log-parser/page.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/(home)/log-parser/page.tsx b/src/app/(home)/log-parser/page.tsx
index 6c94948..f061aa1 100644
--- a/src/app/(home)/log-parser/page.tsx
+++ b/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 =