From 37d6f0eeda91efd140f79f0c3e5ad83a880d77d8 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Fri, 2 Aug 2024 16:44:38 +0100
Subject: [PATCH] Style adjustments

---
 .../src/components/dataviews-view-config/index.tsx    |  4 ++--
 .../src/components/dataviews-view-config/style.scss   | 11 ++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/dataviews/src/components/dataviews-view-config/index.tsx b/packages/dataviews/src/components/dataviews-view-config/index.tsx
index 12b5a49081a5e2..d4d6351bb72cdf 100644
--- a/packages/dataviews/src/components/dataviews-view-config/index.tsx
+++ b/packages/dataviews/src/components/dataviews-view-config/index.tsx
@@ -251,8 +251,8 @@ function SettingsSection( {
 	children: React.ReactNode;
 } ) {
 	return (
-		<Grid columns={ 2 } className="dataviews-settings-section">
-			<VStack>
+		<Grid columns={ 2 } className="dataviews-settings-section" gap={ 4 }>
+			<VStack spacing={ 0 }>
 				<h2 className="dataviews-settings-section__title">{ title }</h2>
 				<span className="dataviews-settings-section__description">
 					{ description }
diff --git a/packages/dataviews/src/components/dataviews-view-config/style.scss b/packages/dataviews/src/components/dataviews-view-config/style.scss
index 504b81d83151b2..0b9d1e74ee9b98 100644
--- a/packages/dataviews/src/components/dataviews-view-config/style.scss
+++ b/packages/dataviews/src/components/dataviews-view-config/style.scss
@@ -5,10 +5,10 @@
 }
 
 .dataviews-settings-section__title {
-    font-size: 13px;
+    font-size: 15px;
+    line-height: $grid-unit-30;
 	font-weight: 600;
-	margin-top: 0;
-    margin-bottom: $grid-unit-05;
+	margin: 0;
 }
 
 .dataviews-settings-section.dataviews-settings-section {
@@ -17,10 +17,11 @@
 }
 
 .dataviews-settings-section__description {
-	margin: -$grid-unit-10 0 $grid-unit-10 0;
-	font-size: $helptext-font-size;
+	margin: 0;
 	font-style: normal;
 	color: $gray-700;
+    text-wrap: balance; // Fallback for Safari
+	text-wrap: pretty;
 }
 
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */