From 3a4f44499693c1087d55f870a88fb9212d8e19d1 Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Sun, 3 Mar 2024 01:47:10 +0530
Subject: [PATCH 1/7] style: button and heading margin fix

---
 pages/[lang]/tools/cli.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/[lang]/tools/cli.js b/pages/[lang]/tools/cli.js
index 7c0813e4db6..51e958fc2f5 100644
--- a/pages/[lang]/tools/cli.js
+++ b/pages/[lang]/tools/cli.js
@@ -72,7 +72,7 @@ export default function CliPage() {
                     className="block mt-2 md:mt-0 md:inline-block w-full sm:w-auto"
                     href="https://www.github.com/asyncapi/cli"
                 />
-                <Button text={t("cli.docsButton")} href="/docs/tools/cli" className="ml-2 block mt-2 md:mt-0 md:inline-block w-full sm:w-auto" />
+                <Button text={t("cli.docsButton")} href="/docs/tools/cli" className="md:ml-2 block mt-2 md:mt-0 md:inline-block w-full sm:w-auto" />
             </div>
         );
     }
@@ -156,7 +156,7 @@ export default function CliPage() {
                             </div>
 
                             <div>
-                                <Heading level="h3" typeStyle="heading-sm-semibold" className="text-center md:text-left">
+                                <Heading level="h3" typeStyle="heading-sm-semibold" className="mb-4 text-center md:text-left">
                                     {t("cli.exampleTitle")}
                                 </Heading>
                                 <div className="space-y-5">

From dc666f6ef45f141ab06348595ae9a42f6023e870 Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Sun, 3 Mar 2024 21:43:25 +0530
Subject: [PATCH 2/7] style: casestudy page for larger screens

---
 pages/casestudies/[id].js | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/pages/casestudies/[id].js b/pages/casestudies/[id].js
index 1bb0de45a07..ce9a27db232 100644
--- a/pages/casestudies/[id].js
+++ b/pages/casestudies/[id].js
@@ -17,7 +17,7 @@ const renderContent = (content, allComponents, level) => {
   return content.map((item) => {
     return (
       <div
-        className="mt-10"
+        className="mt-10 w-11/12 mx-auto"
         key={item.title}
       >
         <Heading typeStyle={typeStyle} className="mt-8"  id={item.title
@@ -143,9 +143,9 @@ function Index({
       wide
     >
     <div className="max-w-screen lg:flex-row-reverse lg:flex lg:justify-between">
-      <CaseTOC toc={content} cssBreakingPoint="lg" className="lg:flex-1 bg-blue-100 mt-4 p-4 sticky top-20 overflow-y-auto max-h-screen lg:bg-transparent lg:mt-2 lg:pt-0 lg:pb-8 lg:top-24 lg:max-h-(screen-16) lg:border-l lg:border-gray-200 lg:min-w-[265px] lg:max-w-72 lg:-mr-14" />
-      <div className="px-4 sm:px-6 xl:px-0 lg:flex-1 lg:max-w-[812px] xl:max-w-5xl case-study">
-        <div className="mt-10 md:mt-20 flex flex-col md:flex-row justify-between items-center">
+      <CaseTOC toc={content} cssBreakingPoint="lg" className="lg:flex-1 bg-blue-100 mt-4 p-4 sticky top-20 overflow-y-auto max-h-screen lg:bg-transparent lg:mt-2 lg:pt-0 lg:pb-8 lg:top-24 lg:max-h-(screen-16) lg:border-l lg:border-gray-200 lg:min-w-[200px] lg:max-w-72 lg:-mr-0" />
+      <div className="xl:max-w-5xl case-study">
+        <div className=" mt-10 md:mt-20 flex flex-col md:flex-row justify-between items-center w-11/12 mx-auto">
           <div className="w-full md:w-[65%]">
             <Heading typeStyle="heading-xl" className="countdown-text-gradient">
               {casestudy.company.name}
@@ -189,13 +189,11 @@ function Index({
               </Heading>
             </div>
           </div>
-          <div className="mt-10 md:mt-0">
-            <img
+          <img
               src={casestudy.company.logo}
               alt={casestudy.company.name}
-              className="w-[350px] rounded-lg"
+              className="w-[300px] mt-5 md:mt-0 rounded-lg"
             />
-          </div>
         </div>
         {renderContent(content, allComponents, 0)}
         </div>

From 33412d6a672f0e38a24586f4bf33ca1183a7ac7c Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Sun, 3 Mar 2024 21:46:31 +0530
Subject: [PATCH 3/7] chore: revert button changes

---
 pages/[lang]/tools/cli.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/[lang]/tools/cli.js b/pages/[lang]/tools/cli.js
index 51e958fc2f5..7c0813e4db6 100644
--- a/pages/[lang]/tools/cli.js
+++ b/pages/[lang]/tools/cli.js
@@ -72,7 +72,7 @@ export default function CliPage() {
                     className="block mt-2 md:mt-0 md:inline-block w-full sm:w-auto"
                     href="https://www.github.com/asyncapi/cli"
                 />
-                <Button text={t("cli.docsButton")} href="/docs/tools/cli" className="md:ml-2 block mt-2 md:mt-0 md:inline-block w-full sm:w-auto" />
+                <Button text={t("cli.docsButton")} href="/docs/tools/cli" className="ml-2 block mt-2 md:mt-0 md:inline-block w-full sm:w-auto" />
             </div>
         );
     }
@@ -156,7 +156,7 @@ export default function CliPage() {
                             </div>
 
                             <div>
-                                <Heading level="h3" typeStyle="heading-sm-semibold" className="mb-4 text-center md:text-left">
+                                <Heading level="h3" typeStyle="heading-sm-semibold" className="text-center md:text-left">
                                     {t("cli.exampleTitle")}
                                 </Heading>
                                 <div className="space-y-5">

From d98bb1da4d7b4061a662d6b5849b1b178eff20f8 Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Tue, 5 Mar 2024 17:09:29 +0530
Subject: [PATCH 4/7] chore: image size decrease and indent fix

---
 pages/casestudies/[id].js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/casestudies/[id].js b/pages/casestudies/[id].js
index ce9a27db232..bd65f8b405f 100644
--- a/pages/casestudies/[id].js
+++ b/pages/casestudies/[id].js
@@ -10,14 +10,14 @@ import GenericLayout from "../../components/layout/GenericLayout";
 import CaseTOC from "../../components/CaseTOC";
 import { generateCaseStudyContent } from "../../lib/staticHelpers";
 
-const renderContent = (content, allComponents, level) => {
+const renderContent = (content, allComponents, level, isAgain=false) => {
   const typeStyle =
     level === 0 ? "heading-lg" : level === 1 ? "heading-md" : "heading-sm";
 
   return content.map((item) => {
     return (
       <div
-        className="mt-10 w-11/12 mx-auto"
+        className={`mt-10 mx-auto ${!isAgain?'w-11/12':''}`}
         key={item.title}
       >
         <Heading typeStyle={typeStyle} className="mt-8"  id={item.title
@@ -44,7 +44,7 @@ const renderContent = (content, allComponents, level) => {
               ))}
             </div>
             {item.children &&
-              renderContent(item.children, allComponents, level + 1)}
+              renderContent(item.children, allComponents, level + 1, true)}
           </div>
         )}
       </div>
@@ -192,7 +192,7 @@ function Index({
           <img
               src={casestudy.company.logo}
               alt={casestudy.company.name}
-              className="w-[300px] mt-5 md:mt-0 rounded-lg"
+              className="w-[250px] mt-5 md:mt-0 mx-auto rounded-lg"
             />
         </div>
         {renderContent(content, allComponents, 0)}

From bf4e70ce79e44d1698773fb3c332f3c9e84a49ba Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Thu, 7 Mar 2024 18:59:22 +0530
Subject: [PATCH 5/7] chore: remove isAgain

---
 pages/casestudies/[id].js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/casestudies/[id].js b/pages/casestudies/[id].js
index bd65f8b405f..58921059b98 100644
--- a/pages/casestudies/[id].js
+++ b/pages/casestudies/[id].js
@@ -10,14 +10,14 @@ import GenericLayout from "../../components/layout/GenericLayout";
 import CaseTOC from "../../components/CaseTOC";
 import { generateCaseStudyContent } from "../../lib/staticHelpers";
 
-const renderContent = (content, allComponents, level, isAgain=false) => {
+const renderContent = (content, allComponents, level) => {
   const typeStyle =
     level === 0 ? "heading-lg" : level === 1 ? "heading-md" : "heading-sm";
 
   return content.map((item) => {
     return (
       <div
-        className={`mt-10 mx-auto ${!isAgain?'w-11/12':''}`}
+        className={`mt-10 mx-auto w-11/12`}
         key={item.title}
       >
         <Heading typeStyle={typeStyle} className="mt-8"  id={item.title
@@ -44,7 +44,7 @@ const renderContent = (content, allComponents, level, isAgain=false) => {
               ))}
             </div>
             {item.children &&
-              renderContent(item.children, allComponents, level + 1, true)}
+              renderContent(item.children, allComponents, level + 1)}
           </div>
         )}
       </div>
@@ -202,4 +202,4 @@ function Index({
   );
 }
 
-export default Index;
\ No newline at end of file
+export default Index;

From 8e9cde0d93ad2fccfc7244f4358aa15c5e3bb49e Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Thu, 7 Mar 2024 19:34:42 +0530
Subject: [PATCH 6/7] chore: remove braces from classname

---
 pages/casestudies/[id].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/casestudies/[id].js b/pages/casestudies/[id].js
index 58921059b98..851300f5627 100644
--- a/pages/casestudies/[id].js
+++ b/pages/casestudies/[id].js
@@ -17,7 +17,7 @@ const renderContent = (content, allComponents, level) => {
   return content.map((item) => {
     return (
       <div
-        className={`mt-10 mx-auto w-11/12`}
+        className="mt-10 mx-auto w-11/12"
         key={item.title}
       >
         <Heading typeStyle={typeStyle} className="mt-8"  id={item.title

From 3034c14f3d05996643c4f9033f2688e5897fa52f Mon Sep 17 00:00:00 2001
From: Ram Goel <rgoel766@gmail.com>
Date: Fri, 8 Mar 2024 17:07:59 +0530
Subject: [PATCH 7/7] chore: revert spacing changes

---
 pages/casestudies/[id].js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/casestudies/[id].js b/pages/casestudies/[id].js
index 851300f5627..6b93fd07939 100644
--- a/pages/casestudies/[id].js
+++ b/pages/casestudies/[id].js
@@ -17,7 +17,7 @@ const renderContent = (content, allComponents, level) => {
   return content.map((item) => {
     return (
       <div
-        className="mt-10 mx-auto w-11/12"
+        className="mt-10"
         key={item.title}
       >
         <Heading typeStyle={typeStyle} className="mt-8"  id={item.title
@@ -143,9 +143,9 @@ function Index({
       wide
     >
     <div className="max-w-screen lg:flex-row-reverse lg:flex lg:justify-between">
-      <CaseTOC toc={content} cssBreakingPoint="lg" className="lg:flex-1 bg-blue-100 mt-4 p-4 sticky top-20 overflow-y-auto max-h-screen lg:bg-transparent lg:mt-2 lg:pt-0 lg:pb-8 lg:top-24 lg:max-h-(screen-16) lg:border-l lg:border-gray-200 lg:min-w-[200px] lg:max-w-72 lg:-mr-0" />
-      <div className="xl:max-w-5xl case-study">
-        <div className=" mt-10 md:mt-20 flex flex-col md:flex-row justify-between items-center w-11/12 mx-auto">
+     <CaseTOC toc={content} cssBreakingPoint="lg" className="lg:flex-1 bg-blue-100 mt-4 p-4 sticky top-20 overflow-y-auto max-h-screen lg:bg-transparent lg:mt-2 lg:pt-0 lg:pb-8 lg:top-24 lg:max-h-(screen-16) lg:border-l lg:border-gray-200 lg:min-w-[265px] lg:max-w-72 lg:-mr-14" />
+      <div className="px-4 sm:px-6 xl:px-0 lg:flex-1 lg:max-w-[812px] xl:max-w-5xl case-study">
+        <div className="mt-10 md:mt-20 flex flex-col md:flex-row justify-between items-center">
           <div className="w-full md:w-[65%]">
             <Heading typeStyle="heading-xl" className="countdown-text-gradient">
               {casestudy.company.name}