updated font awesome field styles

Author: [email protected]

src/welcome/admin.js

@@ -1320,21 +1320,21 @@ const Integrations = props => {
 							/>
 							{ isPro
 								? <Suspense fallback={ <Spinner /> }>
-									<div className="s-icon-settings">
+									<div className="ugb-admin-setting">
 										<IconSettings { ...props } />
 									</div>
 								</Suspense>
 								: <>
-									<div className="s-settings-field s-icon-kit-settings-field">
+									<div className="s-settings-field ugb-admin-setting">
 										<label className="s-text-field" htmlFor="s-icon-kit-field">
-											<span className="s-settings-field__title">{ __( 'FontAwesome Pro Kit', i18n ) }</span>
+											<span className="s-settings-field__title ugb-admin-setting__label">{ __( 'FontAwesome Pro Kit', i18n ) }</span>
+											<p className="s-settings-pro">
+												{ __( 'This is only available in Stackable Premium. ', i18n ) }
+												<a href="https://wpstackable.com/premium/?utm_source=wp-settings-integrations&utm_campaign=gopremium&utm_medium=wp-dashboard" target="_premium">
+													{ __( 'Go Premium', i18n ) }
+												</a>
+											</p>
 										</label>
-										<p className="s-settings-pro">
-											{ __( 'This is only available in Stackable Premium. ', i18n ) }
-											<a href="https://wpstackable.com/premium/?utm_source=wp-settings-integrations&utm_campaign=gopremium&utm_medium=wp-dashboard" target="_premium">
-												{ __( 'Go Premium', i18n ) }
-											</a>
-										</p>
 									</div>
 								</>
 							}

src/welcome/admin.scss

@@ -185,23 +185,6 @@ body[class*="page_stk-"] {
 			box-sizing: border-box;
 			flex-shrink: 0;
 		}
-
-		.s-settings-field__status {
-			min-width: 40px;
-			display: inline-block;
-			vertical-align: middle;
-			svg {
-				width: 18px;
-				height: 18px;
-				margin: 5px 11px 0;
-			}
-			.s-settings-field__status--check {
-				color: #27de6c;
-			}
-			.s-settings-field__status--cross {
-				color: #ff5a7f;
-			}
-		}
 	}
 	[type="text"],
 	[type="number"],
@@ -222,7 +205,6 @@ body[class*="page_stk-"] {
 		}
 	}
 	p {
-		margin-left: var(--label-width);
 		font-style: italic;
 		margin-top: 4px;
 	}
@@ -241,20 +223,6 @@ body[class*="page_stk-"] {
 		margin: 0;
 	}
 }
-.s-icon-kit-settings-field > p {
-	margin-left: calc(var(--label-width) + 40px);
-}
-// Align the pro badge with the field.
-.s-icon-kit-settings-field > .s-settings-pro {
-	margin-top: -1.4em;
-}
-.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;
 }