fix: updated CSS for tools/generator page buttons (#3294)

Co-authored-by: Ansh Goyal <[email protected]>
asyncapi · Oct 18, 2024 · 9a1c3a6 · 9a1c3a6
1 parent 7abb5fd
commit 9a1c3a6
Showing 1 changed file with 3 additions and 7 deletions.
diff --git 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>
   );
 }