From 66dbb809d42286c7e42c7350ae3134486878f9d6 Mon Sep 17 00:00:00 2001
From: Zach Shilton <4624598+zchsh@users.noreply.github.com>
Date: Wed, 30 Aug 2023 11:47:13 -0400
Subject: [PATCH] chore(openapi): tweak padding in property details (#2144)

---
 .../components/property-details/index.tsx                 | 8 ++++++--
 .../property-details/property-details.module.css          | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/open-api-docs-view/components/property-details/index.tsx b/src/views/open-api-docs-view/components/property-details/index.tsx
index 5fbaf6edf7..85d0ce95ee 100644
--- a/src/views/open-api-docs-view/components/property-details/index.tsx
+++ b/src/views/open-api-docs-view/components/property-details/index.tsx
@@ -170,7 +170,7 @@ function PropertyDetailsNested({
  * Accepts optional props that affect the appearance of the tree styles:
  * - `hideBorder` - hide the tree marker, but retain spacing
  * - `hideIndicator` - hide the tree marker, which shifts positioning,
- *    but still retains a smaller amount of consistent left padding.
+ *    and removes the consistent left padding.
  * - `listItemStyle` - affects the tree marker style. By default,
  *    the marker is a vertical line that extends to the bottom of the
  * 	  container, creating the appearance of a continuous line for
@@ -189,7 +189,11 @@ function TreeContent({
 	hideIndicator?: boolean
 }>) {
 	return (
-		<div className={s.treeContent}>
+		<div
+			className={classNames(s.treeContent, {
+				[s.hideIndicator]: hideIndicator,
+			})}
+		>
 			{hideIndicator ? null : (
 				<div className={s.treeIndicatorContainer}>
 					<div
diff --git a/src/views/open-api-docs-view/components/property-details/property-details.module.css b/src/views/open-api-docs-view/components/property-details/property-details.module.css
index b6d8e60bef..eeef200a26 100644
--- a/src/views/open-api-docs-view/components/property-details/property-details.module.css
+++ b/src/views/open-api-docs-view/components/property-details/property-details.module.css
@@ -144,6 +144,10 @@ Tree content styling
 	display: flex;
 	gap: 4px;
 	padding-left: 8px;
+
+	&.hideIndicator {
+		padding-left: 0;
+	}
 }
 
 .treeIndicatorContainer {