From d28e9bb51ca6041a841d7478e6e9727ee2ec9692 Mon Sep 17 00:00:00 2001
From: karamvir <karamvir.singh98@gmail.com>
Date: Thu, 3 Aug 2023 21:51:40 -0700
Subject: [PATCH] init new config layout

---
 frontend/src/components/config/Config.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/config/Config.tsx b/frontend/src/components/config/Config.tsx
index a42728e42..938eb8aab 100644
--- a/frontend/src/components/config/Config.tsx
+++ b/frontend/src/components/config/Config.tsx
@@ -75,14 +75,16 @@ export function Config<T extends Record<string, unknown>>({
 
   return (
     <div className="flex gap-4">
-      <div className="flex flex-col gap-4">
+      <div className="flex flex-col gap-4 w-[300px]">
         {Object.keys(config).map((config) => (
           <Button
             key={config}
             onClick={() => setShow(config)}
-            variant="outline"
+            variant={config === show ? "secondary" : "outline"}
+            // disabled={config === show}
+            className="capitalize justify-start"
           >
-            {config}
+            {config.split("_").join(" ")}
           </Button>
         ))}
       </div>