From 9a1c3a62cdee842f1925b914fec76e88c1eaf8bf Mon Sep 17 00:00:00 2001
From: Akshat Nema <76521428+akshatnema@users.noreply.github.com>
Date: Fri, 18 Oct 2024 23:17:33 +0530
Subject: [PATCH] fix: updated CSS for tools/generator page buttons (#3294)

Co-authored-by: Ansh Goyal <anshgoyal1704@gmail.com>
---
 pages/tools/generator.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/pages/tools/generator.tsx b/pages/tools/generator.tsx
index 8a6b70124e5..0453fddf065 100644
--- a/pages/tools/generator.tsx
+++ b/pages/tools/generator.tsx
@@ -18,7 +18,7 @@ import Paragraph from '../../components/typography/Paragraph';
  */
 function renderButtons(): JSX.Element {
   return (
-    <div className='mt-8'>
+    <div className='mt-8 flex flex-wrap gap-4'>
       {/* <Button
         text="Learn more"
         href="/docs/tools/generator"
@@ -28,14 +28,10 @@ function renderButtons(): JSX.Element {
       /> */}
       <GithubButton
         text='View on Github'
-        className='w-full sm:w-auto'
+        className='w-full text-center sm:w-fit sm:text-left'
         href='https://www.github.com/asyncapi/generator'
       />
-      <Button
-        text='View Docs'
-        href='/docs/tools/generator'
-        className='ml-2 mt-2 block w-full sm:w-auto md:mt-0 md:inline-block'
-      />
+      <Button text='View Docs' href='/docs/tools/generator' className='w-full text-center sm:w-fit sm:text-left' />
     </div>
   );
 }