fix: UI changes

Author: Arukuen

src/welcome/admin.js

@@ -991,7 +991,7 @@ const Blocks = props => {
 				{ groupLength <= 0 ? (
 					<h3>{ __( 'No matching settings', i18n ) }</h3>
 				) : (
-					<>
+					<div className="s-setting-group">
 						<h2>{ __( 'Blocks', i18n ) }</h2>
 						<p className="s-settings-subtitle">{ __( 'Here you can enable, hide and disable Stackable blocks. Hiding blocks will hide the block from the list of available blocks. Disabling blocks will prevent them from being registered at all. When using block variations or design library patterns, disabled blocks will be substituted with the relevant core blocks.', i18n ) }</p>
 						<div className="s-settings-header">
@@ -1055,7 +1055,7 @@ const Blocks = props => {
 								</div>
 							)
 						} ) }
-					</>
+					</div>
 				) }
 			</div>
 		</>
@@ -1398,7 +1398,7 @@ const AdditionalOptions = props => {
 					}
 					{ migrationSettings.children.length > 0 &&
 						<div className="s-setting-group">
-							<h3>{ __( 'Migration Settings', i18n ) }</h3>
+							<h2>{ __( 'Migration Settings', i18n ) }</h2>
 							<p>{ __( 'After enabling the version 2 blocks, please refresh the page to re-fetch the blocks from the server.', i18n ) }</p>
 							<p>
 								{ __( 'Migrating from version 2 to version 3?', i18n ) }

src/welcome/admin.scss

@@ -165,7 +165,7 @@ body[class*="page_stk-"] {
 	margin-right: -50px;
 }
 .s-settings-subtitle {
-	width: 75%;
+	width: calc(95% - 250px);
 	margin: 0.5em 0 40px;
 }
 .s-settings-field,
@@ -187,7 +187,7 @@ body[class*="page_stk-"] {
 		}
 
 		.s-settings-field__status {
-			width: 40px;
+			min-width: 40px;
 			display: inline-block;
 			vertical-align: middle;
 			svg {
@@ -244,9 +244,13 @@ body[class*="page_stk-"] {
 .s-icon-kit-settings-field > p {
 	margin-left: calc(var(--label-width) + 40px);
 }
+.s-integrations .ugb-admin-setting__field,
 .s-icon-settings-fa-version .ugb-admin-setting__field {
 	margin-left: 40px;
 }
+.s-integrations .ugb-admin-setting__help {
+	padding-left: 40px;
+}
 .s-icon-settings-fa-pro-version .ugb-admin-setting__field p {
 	margin-left: 20px;
 }
@@ -932,12 +936,8 @@ body.toplevel_page_stk-custom-fields {
 		margin-top: 0;
 		margin-left: 32px;
 	}
-	h3 {
-		margin-top: 2em;
-	}
 	p {
 		margin-bottom: 2em;
-		margin-top: -0.5em;
 	}
 }