From 74253486280c2cfba04013fd11be1f159ce1af44 Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Tue, 21 Oct 2025 13:37:38 -0700
Subject: [PATCH 1/4] Content: Adjust horizontal spacing for readability

---
 assets/css/v2/style.css      | 3 ++-
 layouts/partials/banner.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 8df30a83..ddf34119 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -442,7 +442,7 @@ ol li:last-child {
     }
   }
   .content {
-    padding: 0 var(--space-l) 2rem;
+    padding: 0 var(--space-2xl) 2rem;
   }
 
   .header__logo-small {
@@ -1857,6 +1857,7 @@ a:hover {
         display: flex;
         flex-direction: row;
         gap: 1rem;
+        word-break: break-word;
         align-items: flex-start;
         color: oklch(var(--color-brand));
 
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
index 875b096e..524dad2b 100644
--- a/layouts/partials/banner.html
+++ b/layouts/partials/banner.html
@@ -10,7 +10,7 @@
       {{- if isset . "md" -}}
           <!-- Show markdown if "md" is provided -->
           {{- $bannerPage := readFile .md -}}
-          <div class="banner{{ if .type }} banner-{{ .type }}{{ end }}" data-grid="first-two-thirds">
+          <div class="banner{{ if .type }} banner-{{ .type }}{{ end }}">
             {{ $bannerPage | markdownify }}
           </div>
       {{- else -}}

From 61bc4c6979284883f4f3e5fdb30e156bce920890 Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Wed, 22 Oct 2025 09:44:19 -0700
Subject: [PATCH 2/4] Content: Adjust sidebar width + smaller gap

---
 assets/css/v2/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index ddf34119..7c8b90a5 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -309,7 +309,7 @@ textarea:not([rows]) {
 
   --header-height: 4rem;
 
-  --sidebar-width: min(24rem, 100%);
+  --sidebar-width: min(22rem, 100%);
   --sidebar-item-padding-lr: 0.75rem;
   --sidebar-item-padding-tb: 0.25rem;
   --content-max-width: 88rem;
@@ -442,7 +442,7 @@ ol li:last-child {
     }
   }
   .content {
-    padding: 0 var(--space-2xl) 2rem;
+    padding: 0 var(--space-xl) 2rem;
   }
 
   .header__logo-small {

From d052f2cca2932f98e9a3e43c1083b9812c6d367a Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Wed, 22 Oct 2025 09:56:26 -0700
Subject: [PATCH 3/4] Sidebar: Add explicit text wrap to link text

---
 assets/css/v2/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 7c8b90a5..74142828 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -1593,6 +1593,7 @@ nav.sidebar.sidebar__mobile-open {
     transition:
       background-color 0.2s ease,
       color 0.2s ease;
+    text-wrap: wrap;
 
     &:hover {
       background-color: oklch(var(--color-brand) / 0.08);

From 85b43391cffa4936b5acb99d5433f7501179a2c1 Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Wed, 22 Oct 2025 10:05:43 -0700
Subject: [PATCH 4/4] Sidebar: Remove bottom padding

---
 assets/css/v2/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 74142828..1e5b3c52 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -749,7 +749,7 @@ ol li:last-child {
   background: oklch(var(--color-background));
   box-sizing: border-box;
   transform: translateX(0);
-  padding: 0 0 var(--space-s) var(--space-s);
+  padding-inline-start: var(--space-s);
 
   .sidebar__container {
     display: flex;