From d2a8cf438b252331400e889a44b3ef14197e8a23 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Thu, 19 Sep 2024 14:33:44 +0100
Subject: [PATCH 01/16] Draft rough edits

---
 src/css/custom.css | 73 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 72 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4de05c253f..e2db02f7b3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -10,13 +10,15 @@ These colors are produced using a slightly darker version of #fc5d0d (orange-mun
 See: https://docusaurus.io/docs/styling-layout#styling-your-site-with-infima
 */
 :root {
-  --ifm-color-primary: #c54302;
+  --ifm-color-primary: #0f62fe;
   --ifm-color-primary-dark: #b13c02;
   --ifm-color-primary-darker: #a73902;
   --ifm-color-primary-darkest: #8a2f01;
   --ifm-color-primary-light: #d94a02;
   --ifm-color-primary-lighter: #e34d02;
   --ifm-color-primary-lightest: #fc5806;
+  --ifm-breadcrumb-item-background-active: none;
+  --ifm-breadcrumb-color-active: var(--ifm-font-color-base);
 }
 
 .docusaurus-highlight-code-line {
@@ -491,3 +493,72 @@ a.table-of-contents__link.toc-highlight > span.badge {
 .tabs-hidden {
   display: none;
 }
+
+/* 364 doc mods */
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
+
+h2 {
+  font-size: 32px;
+  font-weight: 600;
+  font-family: "IBM Plex Sans", sans-serif;
+  border-bottom: 1px solid #dedede;
+  padding-top: 30px;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+}
+h2.openapi__method-endpoint-path {
+  border-bottom: none;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.anchorWithStickyNavbar_node_modules-\@docusaurus-theme-classic-lib-theme-Heading-styles-module#request {
+  border-bottom: none;
+  padding-top: 10px;
+  font-size: 28px;
+  padding-bottom: 0;
+}
+h2.openapi__method-endpoint-path {
+  border-bottom: none;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.anchorWithStickyNavbar_node_modules-\@docusaurus-theme-classic-lib-theme-Heading-styles-module#responses {
+  border-bottom: none;
+  padding-top: 10px;
+  font-size: 28px;
+  padding-bottom: 0;
+}
+h3 {
+  margin-bottom: 0.8rem;
+  margin-top: 2.5rem;
+  font-weight: 600;
+  font-size: 1.8rem;
+}
+h4 {
+  font-size: 1.4rem;
+  margin-top: 2rem;
+  font-weight: 600;
+  margin-bottom: 1rem;
+}
+h1 {
+  padding-top: 10px;
+}
+.badge {
+  margin-left: 0;
+}
+.theme-doc-markdown img {
+  border-style: solid;
+  border-color: #dedede;
+  border-width: 1px;
+  box-shadow: none;
+  height: auto;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+.markdown table {
+  margin-top: 20px;
+  margin-bottom: 30px;
+}
+li .theme-code-block {
+  margin-top: 20px;
+}

From ed17580074523432131e24993c2f6a9e2a9a5618 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Thu, 19 Sep 2024 15:26:36 +0100
Subject: [PATCH 02/16] Further heading edits

---
 src/css/custom.css | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index e2db02f7b3..4ec1ac8042 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -497,12 +497,19 @@ a.table-of-contents__link.toc-highlight > span.badge {
 /* 364 doc mods */
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
 
+.markdown h1:first-child {
+  font-weight: 600;
+  font-size: 2.5rem;
+}
+h1 {
+  padding-top: 10px;
+}
 h2 {
-  font-size: 32px;
+  font-size: 28px;
   font-weight: 600;
   font-family: "IBM Plex Sans", sans-serif;
   border-bottom: 1px solid #dedede;
-  padding-top: 30px;
+  padding-top: 20px;
   margin-bottom: 20px;
   padding-bottom: 10px;
 }
@@ -531,20 +538,19 @@ h2.openapi__method-endpoint-path {
 h3 {
   margin-bottom: 0.8rem;
   margin-top: 2.5rem;
-  font-weight: 600;
-  font-size: 1.8rem;
+  font-weight: 500;
+  font-size: 1.6rem;
 }
 h4 {
-  font-size: 1.4rem;
+  font-size: 1.3rem;
   margin-top: 2rem;
-  font-weight: 600;
+  font-weight: 500;
   margin-bottom: 1rem;
 }
-h1 {
-  padding-top: 10px;
-}
+
 .badge {
   margin-left: 0;
+  margin-right: 10px;
 }
 .theme-doc-markdown img {
   border-style: solid;
@@ -554,6 +560,7 @@ h1 {
   height: auto;
   margin-top: 20px;
   margin-bottom: 10px;
+  padding: 20px;
 }
 .markdown table {
   margin-top: 20px;

From 3e1b46a5ce31b769009921609ca2d586c99eb7eb Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Thu, 19 Sep 2024 16:16:21 +0100
Subject: [PATCH 03/16] Table and badge styling

---
 src/css/custom.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4ec1ac8042..b21936d55a 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -552,6 +552,12 @@ h4 {
   margin-left: 0;
   margin-right: 10px;
 }
+.badge--beginner,
+.badge--cloud {
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
+}
 .theme-doc-markdown img {
   border-style: solid;
   border-color: #dedede;
@@ -569,3 +575,13 @@ h4 {
 li .theme-code-block {
   margin-top: 20px;
 }
+.menu__link {
+  font-weight: var(--ifm-font-weight-normal);
+}
+table {
+  padding-top: 15px;
+}
+ul ul {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}

From bfe05dbaff0fdff98a205f2afcc7c1bb6a88f418 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Fri, 20 Sep 2024 09:45:50 +0100
Subject: [PATCH 04/16] Add comments and further styling

---
 src/css/custom.css | 67 +++++++++++++++++++++++++++++++++++++---------
 1 file changed, 54 insertions(+), 13 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index b21936d55a..10a1703bd5 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -11,12 +11,12 @@ See: https://docusaurus.io/docs/styling-layout#styling-your-site-with-infima
 */
 :root {
   --ifm-color-primary: #0f62fe;
-  --ifm-color-primary-dark: #b13c02;
-  --ifm-color-primary-darker: #a73902;
-  --ifm-color-primary-darkest: #8a2f01;
-  --ifm-color-primary-light: #d94a02;
-  --ifm-color-primary-lighter: #e34d02;
-  --ifm-color-primary-lightest: #fc5806;
+  --ifm-color-primary-dark: #0154f1;
+  --ifm-color-primary-darker: #0150e4;
+  --ifm-color-primary-darkest: #0142bc;
+  --ifm-color-primary-light: #2a74fe;
+  --ifm-color-primary-lighter: #377cfe;
+  --ifm-color-primary-lightest: #5f97fe;
   --ifm-breadcrumb-item-background-active: none;
   --ifm-breadcrumb-color-active: var(--ifm-font-color-base);
 }
@@ -494,9 +494,11 @@ a.table-of-contents__link.toc-highlight > span.badge {
   display: none;
 }
 
-/* 364 doc mods */
+/* #364 styling modifications */
+/* Use IBM Plex Sans font */
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
 
+/* Page title */
 .markdown h1:first-child {
   font-weight: 600;
   font-size: 2.5rem;
@@ -504,6 +506,7 @@ a.table-of-contents__link.toc-highlight > span.badge {
 h1 {
   padding-top: 10px;
 }
+/* Main page headings */
 h2 {
   font-size: 28px;
   font-weight: 600;
@@ -513,6 +516,7 @@ h2 {
   margin-bottom: 20px;
   padding-bottom: 10px;
 }
+/* API reference modifications for new H2 style */
 h2.openapi__method-endpoint-path {
   border-bottom: none;
   padding-top: 0;
@@ -535,19 +539,37 @@ h2.openapi__method-endpoint-path {
   font-size: 28px;
   padding-bottom: 0;
 }
+/* Second level page heading modifications for home page */
+.hero__title {
+  border-bottom: 0;
+  padding-top: 0px;
+  margin-bottom: 20px;
+  padding-bottom: 0px;
+}
+/* Second level page heading */
 h3 {
   margin-bottom: 0.8rem;
   margin-top: 2.5rem;
   font-weight: 500;
   font-size: 1.6rem;
 }
+/* Second level page heading modifications for home page cards */
+h3.featuresTitle_src-pages-styles-module {
+  font-size: 1.6rem;
+  margin-top: 0;
+}
+/* Third level page heading */
 h4 {
   font-size: 1.3rem;
   margin-top: 2rem;
   font-weight: 500;
   margin-bottom: 1rem;
 }
-
+/* API reference modifications for new H3 style */
+h4.openapi-security__summary-header {
+  margin-top: 0;
+}
+/* Badge padding and styles */
 .badge {
   margin-left: 0;
   margin-right: 10px;
@@ -558,6 +580,7 @@ h4 {
   margin-right: 10px;
   margin-bottom: 1.5rem;
 }
+/* Add space and thin border to images, remove drop shadow */
 .theme-doc-markdown img {
   border-style: solid;
   border-color: #dedede;
@@ -568,20 +591,38 @@ h4 {
   margin-bottom: 10px;
   padding: 20px;
 }
+/* Add spacing around tables */
 .markdown table {
   margin-top: 20px;
   margin-bottom: 30px;
 }
+table {
+  padding-top: 15px;
+}
+/* Add spacing around code blocks */
 li .theme-code-block {
   margin-top: 20px;
 }
+/* Add spacing around lists */
+ul ul,
+ol ol,
+ol ul,
+ul ol {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+/* Reduce weight of menu items */
 .menu__link {
   font-weight: var(--ifm-font-weight-normal);
 }
-table {
-  padding-top: 15px;
+/* Highlight tabs */
+.tabs {
+  border-bottom: 1px solid #dedede;
+  margin-top: 40px;
 }
-ul ul {
-  margin-top: 15px;
-  margin-bottom: 15px;
+.tabs__item--active {
+  background-color: #f7f7f7;
+}
+.tabs__item:hover {
+  background-color: #f7f7f7;
 }

From 7ce84df688a66a9a178da1d28e9d997487f27eeb Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Fri, 20 Sep 2024 10:27:01 +0100
Subject: [PATCH 05/16] Home page heading fix

---
 src/css/custom.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 10a1703bd5..fda5d16a3a 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -554,7 +554,8 @@ h3 {
   font-size: 1.6rem;
 }
 /* Second level page heading modifications for home page cards */
-h3.featuresTitle_src-pages-styles-module {
+h3.featuresTitle_src-pages-styles-module,
+h3.featuresTitle_lAgg {
   font-size: 1.6rem;
   margin-top: 0;
 }

From 877bb3d3c4b4039528e502fc3e2630ffedcedd2e Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Tue, 24 Sep 2024 16:27:14 +0100
Subject: [PATCH 06/16] Add autocollapse revert link colour

---
 docusaurus.config.js |  6 ++++++
 src/css/custom.css   | 15 ++++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index b13fdde398..aaf11f1a78 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -181,6 +181,11 @@ module.exports = {
     },
   ],
   themeConfig: {
+    docs: {
+      sidebar: {
+        autoCollapseCategories: true,
+      },
+    },
     announcementBar: {
       id: "camunda8",
       content:
@@ -189,6 +194,7 @@ module.exports = {
       textColor: "#000",
       isCloseable: true,
     },
+
     prism: {
       additionalLanguages: ["java", "protobuf", "csharp"],
     },
diff --git a/src/css/custom.css b/src/css/custom.css
index fda5d16a3a..aef1f32c47 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -10,15 +10,16 @@ These colors are produced using a slightly darker version of #fc5d0d (orange-mun
 See: https://docusaurus.io/docs/styling-layout#styling-your-site-with-infima
 */
 :root {
-  --ifm-color-primary: #0f62fe;
-  --ifm-color-primary-dark: #0154f1;
-  --ifm-color-primary-darker: #0150e4;
-  --ifm-color-primary-darkest: #0142bc;
-  --ifm-color-primary-light: #2a74fe;
-  --ifm-color-primary-lighter: #377cfe;
-  --ifm-color-primary-lightest: #5f97fe;
+  --ifm-color-primary: #c54302;
+  --ifm-color-primary-dark: #b13c02;
+  --ifm-color-primary-darker: #a73902;
+  --ifm-color-primary-darkest: #8a2f01;
+  --ifm-color-primary-light: #d94a02;
+  --ifm-color-primary-lighter: #e34d02;
+  --ifm-color-primary-lightest: #fc5806;
   --ifm-breadcrumb-item-background-active: none;
   --ifm-breadcrumb-color-active: var(--ifm-font-color-base);
+  --ifm-menu-color: var(--ifm-color-emphasis-800);
 }
 
 .docusaurus-highlight-code-line {

From 8b97b9a20f35d4f721f9feb82da924ad6ed2e4a5 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Tue, 24 Sep 2024 16:53:26 +0100
Subject: [PATCH 07/16] Menu font

---
 src/css/custom.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index aef1f32c47..dda881bfd0 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -628,3 +628,8 @@ ul ol {
 .tabs__item:hover {
   background-color: #f7f7f7;
 }
+.menu__list-item-collapsible .menu__link:hover,
+.menu__list-item-collapsible .menu__link--active,
+.menu__link--active:not(.menu__link--sublist) {
+  font-weight: 600;
+}

From 49a7c0be9d9e79fa3babc8ad539da531e0de8951 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Tue, 24 Sep 2024 17:04:49 +0100
Subject: [PATCH 08/16] Table headings aligned left

---
 src/css/custom.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index dda881bfd0..4a064af011 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -610,8 +610,8 @@ ul ul,
 ol ol,
 ol ul,
 ul ol {
-  margin-top: 15px;
-  margin-bottom: 15px;
+  margin-top: 0.35rem;
+  margin-bottom: 0.35rem;
 }
 /* Reduce weight of menu items */
 .menu__link {
@@ -633,3 +633,7 @@ ul ol {
 .menu__link--active:not(.menu__link--sublist) {
   font-weight: 600;
 }
+
+table th {
+  text-align: left;
+}

From 9cc5c0164dbc5f8b149c1ffb6db5178ca4774dd2 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Wed, 25 Sep 2024 17:24:23 +0100
Subject: [PATCH 09/16] H1 font

---
 src/css/custom.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4a064af011..969fef57c6 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -506,6 +506,7 @@ a.table-of-contents__link.toc-highlight > span.badge {
 }
 h1 {
   padding-top: 10px;
+  font-family: "IBM Plex Sans", "sans-serif";
 }
 /* Main page headings */
 h2 {

From 367e57756c4d4118dca6968936dfc6dd548c94e5 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Thu, 3 Oct 2024 17:08:27 +0100
Subject: [PATCH 10/16] TW edits and tidy up

---
 src/css/custom.css | 100 +++++++++++++++++++++++++--------------------
 1 file changed, 56 insertions(+), 44 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 969fef57c6..cd653210c1 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -29,6 +29,9 @@ See: https://docusaurus.io/docs/styling-layout#styling-your-site-with-infima
   padding: 0 var(--ifm-pre-padding);
 }
 
+/* Import IBM Plex Sans font */
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
+
 body {
   font-family:
     IBM Plex Sans,
@@ -174,49 +177,72 @@ svg.implemented:hover [stroke="#333"] {
   text-align: center;
 }
 
+/* Badge padding and styles */
 .badge {
-  margin-left: 5px;
+  margin-left: 0;
 }
 
 .badge--beginner {
   background-color: #ff8b00;
   color: #ffffff;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--intermediate {
   background-color: #ff5400;
   color: #ffffff;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--advanced {
   background-color: #ff1f00;
   color: #ffffff;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--short {
   background-color: #14d890;
   color: #ffffff;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--medium {
   background-color: #0ba7b9;
   color: #ffffff;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--long {
   background-color: #0075ff;
   color: #ffffff;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--platform {
   background-color: #fc5d0d;
   color: #ffffff;
-  margin-bottom: 1em;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 .badge--cloud {
   background-color: #26d07c;
   color: #000000;
-  margin-bottom: 1em;
+  margin-left: 0;
+  margin-right: 10px;
+  margin-bottom: 1.5rem;
 }
 
 .badge--beta {
@@ -373,12 +399,16 @@ span.callout + p::after {
   width: 100%;
 }
 
+/* Add space and thin border to images, remove drop shadow */
 .theme-doc-markdown img {
   border-style: solid;
-  border-color: lightgray;
+  border-color: #dedede;
   border-width: 1px;
-  box-shadow: 4px 4px 4px 1px lightgray;
+  box-shadow: none;
   height: auto;
+  margin-top: 20px;
+  margin-bottom: 10px;
+  padding: 20px;
 }
 
 .theme-doc-markdown table img {
@@ -479,7 +509,7 @@ span.callout + p::after {
   color: transparent;
 }
 
-/* Revamping docs homepage */
+/* Homepage hero image */
 
 .hero--primary {
   background-image: url("/static/img/hero-bg.png");
@@ -495,11 +525,7 @@ a.table-of-contents__link.toc-highlight > span.badge {
   display: none;
 }
 
-/* #364 styling modifications */
-/* Use IBM Plex Sans font */
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
-
-/* Page title */
+/* Page titles */
 .markdown h1:first-child {
   font-weight: 600;
   font-size: 2.5rem;
@@ -508,6 +534,11 @@ h1 {
   padding-top: 10px;
   font-family: "IBM Plex Sans", "sans-serif";
 }
+h1.openapi__heading {
+  margin-bottom: calc(
+    var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
+  ) !important;
+}
 /* Main page headings */
 h2 {
   font-size: 28px;
@@ -530,17 +561,15 @@ h2.openapi__method-endpoint-path {
   font-size: 28px;
   padding-bottom: 0;
 }
-h2.openapi__method-endpoint-path {
-  border-bottom: none;
-  padding-top: 0;
-  padding-bottom: 0;
-}
 .anchorWithStickyNavbar_node_modules-\@docusaurus-theme-classic-lib-theme-Heading-styles-module#responses {
   border-bottom: none;
   padding-top: 10px;
   font-size: 28px;
   padding-bottom: 0;
 }
+.openapi-tabs__response-header-section {
+  padding-top: 0 !important;
+}
 /* Second level page heading modifications for home page */
 .hero__title {
   border-bottom: 0;
@@ -572,28 +601,7 @@ h4 {
 h4.openapi-security__summary-header {
   margin-top: 0;
 }
-/* Badge padding and styles */
-.badge {
-  margin-left: 0;
-  margin-right: 10px;
-}
-.badge--beginner,
-.badge--cloud {
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
-}
-/* Add space and thin border to images, remove drop shadow */
-.theme-doc-markdown img {
-  border-style: solid;
-  border-color: #dedede;
-  border-width: 1px;
-  box-shadow: none;
-  height: auto;
-  margin-top: 20px;
-  margin-bottom: 10px;
-  padding: 20px;
-}
+
 /* Add spacing around tables */
 .markdown table {
   margin-top: 20px;
@@ -602,7 +610,7 @@ h4.openapi-security__summary-header {
 table {
   padding-top: 15px;
 }
-/* Add spacing around code blocks */
+/* Add spacing around list code blocks */
 li .theme-code-block {
   margin-top: 20px;
 }
@@ -620,8 +628,8 @@ ul ol {
 }
 /* Highlight tabs */
 .tabs {
+  padding-top: 20px;
   border-bottom: 1px solid #dedede;
-  margin-top: 40px;
 }
 .tabs__item--active {
   background-color: #f7f7f7;
@@ -629,12 +637,16 @@ ul ol {
 .tabs__item:hover {
   background-color: #f7f7f7;
 }
+.openapi-tabs__response-list-container {
+  border-bottom: none;
+}
+.openapi-tabs__schema-list-container {
+  border-bottom: none;
+}
+
+/* lighter menu font  */
 .menu__list-item-collapsible .menu__link:hover,
 .menu__list-item-collapsible .menu__link--active,
 .menu__link--active:not(.menu__link--sublist) {
   font-weight: 600;
 }
-
-table th {
-  text-align: left;
-}

From f570772d41e35b44d506d0c551921e5225a1171b Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Sun, 6 Oct 2024 16:38:32 +0100
Subject: [PATCH 11/16] Fixes after review - badges, tabs, API ref docs

---
 src/css/custom.css | 54 +++++++++++++++++++++-------------------------
 1 file changed, 24 insertions(+), 30 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index cd653210c1..4961572071 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -179,70 +179,49 @@ svg.implemented:hover [stroke="#333"] {
 
 /* Badge padding and styles */
 .badge {
+  margin-left: 10px;
+}
+.badge:nth-of-type(1) {
   margin-left: 0;
+  margin-bottom: 1.5rem;
 }
-
 .badge--beginner {
   background-color: #ff8b00;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--intermediate {
   background-color: #ff5400;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--advanced {
   background-color: #ff1f00;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--short {
   background-color: #14d890;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--medium {
   background-color: #0ba7b9;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--long {
   background-color: #0075ff;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--platform {
   background-color: #fc5d0d;
   color: #ffffff;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 .badge--cloud {
   background-color: #26d07c;
   color: #000000;
-  margin-left: 0;
-  margin-right: 10px;
-  margin-bottom: 1.5rem;
 }
 
 .badge--beta {
@@ -404,7 +383,6 @@ span.callout + p::after {
   border-style: solid;
   border-color: #dedede;
   border-width: 1px;
-  box-shadow: none;
   height: auto;
   margin-top: 20px;
   margin-bottom: 10px;
@@ -413,7 +391,6 @@ span.callout + p::after {
 
 .theme-doc-markdown table img {
   border: none;
-  box-shadow: none;
 }
 
 /* Unsupported versions in the versions selector */
@@ -555,6 +532,9 @@ h2.openapi__method-endpoint-path {
   padding-top: 0;
   padding-bottom: 0;
 }
+h2.openapi-tabs__response-header {
+  border-bottom: none;
+}
 .anchorWithStickyNavbar_node_modules-\@docusaurus-theme-classic-lib-theme-Heading-styles-module#request {
   border-bottom: none;
   padding-top: 10px;
@@ -568,7 +548,10 @@ h2.openapi__method-endpoint-path {
   padding-bottom: 0;
 }
 .openapi-tabs__response-header-section {
-  padding-top: 0 !important;
+  padding-top: 1rem !important;
+}
+.openapi-tabs__mime-container {
+  padding-top: 0;
 }
 /* Second level page heading modifications for home page */
 .hero__title {
@@ -580,7 +563,7 @@ h2.openapi__method-endpoint-path {
 /* Second level page heading */
 h3 {
   margin-bottom: 0.8rem;
-  margin-top: 2.5rem;
+  margin-top: 2.2rem;
   font-weight: 500;
   font-size: 1.6rem;
 }
@@ -590,7 +573,19 @@ h3.featuresTitle_lAgg {
   font-size: 1.6rem;
   margin-top: 0;
 }
+h3.openapi-markdown__details-summary-header-params,
+h3.openapi-markdown__details-summary-header-body {
+  margin-top: 0;
+}
+h3 .badge--long {
+  margin-bottom: 0;
+  font-size: 12px;
+  margin-left: 5px;
+}
 /* Third level page heading */
+h3 .badge--long:nth-of-type(1) {
+  margin-left: 5px;
+}
 h4 {
   font-size: 1.3rem;
   margin-top: 2rem;
@@ -628,7 +623,6 @@ ul ol {
 }
 /* Highlight tabs */
 .tabs {
-  padding-top: 20px;
   border-bottom: 1px solid #dedede;
 }
 .tabs__item--active {

From 39feebf84c7aaa99c6396bc9e140cfd8c48b6982 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Mon, 7 Oct 2024 10:47:18 +0100
Subject: [PATCH 12/16] Fix badge padding across instances

---
 src/css/custom.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4961572071..3792c3125b 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -185,6 +185,13 @@ svg.implemented:hover [stroke="#333"] {
   margin-left: 0;
   margin-bottom: 1.5rem;
 }
+.theme-doc-version-badge {
+  margin-left: 0;
+  margin-bottom: 0.5rem !important;
+}
+.openapi__method-endpoint .badge {
+  margin-bottom: 0;
+}
 .badge--beginner {
   background-color: #ff8b00;
   color: #ffffff;

From 8c3b6372efb557bcf95e6420337e25eb23a5a922 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Wed, 9 Oct 2024 17:00:33 +0100
Subject: [PATCH 13/16] Fix badge padding on H3 elements

---
 src/css/custom.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 3792c3125b..bedffd95d8 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -185,6 +185,10 @@ svg.implemented:hover [stroke="#333"] {
   margin-left: 0;
   margin-bottom: 1.5rem;
 }
+h3 .badge:nth-of-type(1) {
+  margin-left: 0;
+  margin-bottom: 0rem;
+}
 .theme-doc-version-badge {
   margin-left: 0;
   margin-bottom: 0.5rem !important;

From 183e054bddeb5c1ed55aff032e879e911a6ea3f4 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Wed, 9 Oct 2024 17:04:37 +0100
Subject: [PATCH 14/16] Fix badge padding for H3 elements

---
 src/css/custom.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index bedffd95d8..0a91cf1cf3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -186,7 +186,6 @@ svg.implemented:hover [stroke="#333"] {
   margin-bottom: 1.5rem;
 }
 h3 .badge:nth-of-type(1) {
-  margin-left: 0;
   margin-bottom: 0rem;
 }
 .theme-doc-version-badge {

From b5deb970fbafc3b884045432560ddd26f29c5ce2 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Thu, 10 Oct 2024 09:00:53 +0100
Subject: [PATCH 15/16] Style fixes

---
 src/css/custom.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 0a91cf1cf3..54272448ee 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -192,7 +192,8 @@ h3 .badge:nth-of-type(1) {
   margin-left: 0;
   margin-bottom: 0.5rem !important;
 }
-.openapi__method-endpoint .badge {
+.openapi__method-endpoint .badge,
+.openapi__method-endpoint .badge:nth-of-type(1) {
   margin-bottom: 0;
 }
 .badge--beginner {
@@ -223,6 +224,7 @@ h3 .badge:nth-of-type(1) {
 .badge--long {
   background-color: #0075ff;
   color: #ffffff;
+  vertical-align: middle;
 }
 
 .badge--platform {
@@ -563,6 +565,9 @@ h2.openapi-tabs__response-header {
 .openapi-tabs__mime-container {
   padding-top: 0;
 }
+.openapi-tabs__response-list-container.tabs {
+  border-bottom: 0;
+}
 /* Second level page heading modifications for home page */
 .hero__title {
   border-bottom: 0;
@@ -591,6 +596,7 @@ h3 .badge--long {
   margin-bottom: 0;
   font-size: 12px;
   margin-left: 5px;
+  vertical-align: middle;
 }
 /* Third level page heading */
 h3 .badge--long:nth-of-type(1) {

From 37b305c57bcf774ae448e2991b7769040a56a951 Mon Sep 17 00:00:00 2001
From: mesellings <mark.sellings@camunda.com>
Date: Thu, 10 Oct 2024 10:03:48 +0100
Subject: [PATCH 16/16] Remove Get requests border

---
 src/css/custom.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 54272448ee..0f8c24c9b3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -547,6 +547,9 @@ h2.openapi__method-endpoint-path {
 h2.openapi-tabs__response-header {
   border-bottom: none;
 }
+h2#request {
+  border-bottom: none;
+}
 .anchorWithStickyNavbar_node_modules-\@docusaurus-theme-classic-lib-theme-Heading-styles-module#request {
   border-bottom: none;
   padding-top: 10px;