Style adjustments

WordPress · Aug 2, 2024 · 933a3cc · 933a3cc
1 parent 2376ba4
commit 933a3cc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git 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
@@ -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 */