From c13c6fbc4b166774f01ccfd8ea5f9dd14ced11ca Mon Sep 17 00:00:00 2001
From: Nick Mitchell <nickm@us.ibm.com>
Date: Mon, 17 Mar 2025 10:45:56 -0400
Subject: [PATCH] fix: improve padding of detail drawer

Previously, the detail drawer scrollbars were placed within the padded content. With this change, the scrollbars are flush to the boundaries of the detail drawer.

Signed-off-by: Nick Mitchell <nickm@us.ibm.com>
---
 pdl-live-react/src/view/detail/DrawerContent.css | 5 +++++
 pdl-live-react/src/view/detail/DrawerContent.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/pdl-live-react/src/view/detail/DrawerContent.css b/pdl-live-react/src/view/detail/DrawerContent.css
index d1bc69647..ca82e3dea 100644
--- a/pdl-live-react/src/view/detail/DrawerContent.css
+++ b/pdl-live-react/src/view/detail/DrawerContent.css
@@ -11,12 +11,17 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    padding: 0;
   }
 
   .pf-v6-c-tab-content {
     flex: 1;
     overflow: auto;
 
+    .pf-v6-c-description-list {
+      padding: 1em 2em 0 2em;
+    }
+
     & > pre {
       overflow-x: unset !important;
 
diff --git a/pdl-live-react/src/view/detail/DrawerContent.tsx b/pdl-live-react/src/view/detail/DrawerContent.tsx
index 2ace0eab2..c8ca26ae0 100644
--- a/pdl-live-react/src/view/detail/DrawerContent.tsx
+++ b/pdl-live-react/src/view/detail/DrawerContent.tsx
@@ -96,7 +96,7 @@ export default function DrawerContent({ value }: Props) {
   }
 
   return (
-    <Card isPlain isLarge className="pdl-drawer-content">
+    <Card isPlain isFullHeight isLarge className="pdl-drawer-content">
       <CardHeader actions={actions}>
         <CardTitle>{header(objectType)}</CardTitle>
         {block && description(block)}