From bd684ab04ef2d4fa06cb0a2aba177b12b587aaea Mon Sep 17 00:00:00 2001
From: akkarn1689 <akkarn1689@gmail.com>
Date: Sat, 25 Jan 2025 13:27:57 +0530
Subject: [PATCH 1/2] fixed alignment: parameters left column text does not
 wrap around and bleeds to the right issue: #660

---
 src/layouts/ReferenceItemLayout.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/ReferenceItemLayout.astro b/src/layouts/ReferenceItemLayout.astro
index 1be268ff42..5b51607440 100644
--- a/src/layouts/ReferenceItemLayout.astro
+++ b/src/layouts/ReferenceItemLayout.astro
@@ -140,10 +140,10 @@ const seenParams: Record<string, true> = {};
               <h2 class="mb-md text-h3">{t("Parameters")}</h2>
               {entry.data.params &&
                 entry.data.params.map((param: ReferenceParam) => (
-                  <div class="grid grid-cols-6 gap-gutter-md text-body">
-                    <span class="col-span-1 text-body">{param.name}</span>
+                  <div class="grid grid-cols-8 gap-gutter-md text-body">
+                    <span class="col-span-2 text-body whitespace-normal break-words overflow-wrap-break-word">{param.name}</span>
                     <div
-                          class="col-span-5 [&_p]:m-0 [&_p]:inline [&_a]:underline"
+                          class="col-span-6 [&_p]:m-0 [&_p]:inline [&_a]:underline"
                     >
                       {param.type && <span>{param.type}: </span>}
                       <span set:html={param.description} />

From 11e2f134cde16b2fad5b19f0835bcd8166b21921 Mon Sep 17 00:00:00 2001
From: akkarn1689 <akkarn1689@gmail.com>
Date: Sat, 25 Jan 2025 23:17:05 +0530
Subject: [PATCH 2/2] alignment bug fix with grid consistency

---
 src/layouts/ReferenceItemLayout.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/ReferenceItemLayout.astro b/src/layouts/ReferenceItemLayout.astro
index 5b51607440..ed9c34563d 100644
--- a/src/layouts/ReferenceItemLayout.astro
+++ b/src/layouts/ReferenceItemLayout.astro
@@ -140,10 +140,10 @@ const seenParams: Record<string, true> = {};
               <h2 class="mb-md text-h3">{t("Parameters")}</h2>
               {entry.data.params &&
                 entry.data.params.map((param: ReferenceParam) => (
-                  <div class="grid grid-cols-8 gap-gutter-md text-body">
-                    <span class="col-span-2 text-body whitespace-normal break-words overflow-wrap-break-word">{param.name}</span>
+                  <div class="grid grid-cols-6 gap-gutter-md text-body">
+                    <span class="col-span-1 text-body whitespace-normal break-words overflow-wrap-break-word">{param.name}</span>
                     <div
-                          class="col-span-6 [&_p]:m-0 [&_p]:inline [&_a]:underline"
+                          class="col-span-5 [&_p]:m-0 [&_p]:inline [&_a]:underline"
                     >
                       {param.type && <span>{param.type}: </span>}
                       <span set:html={param.description} />