fix: clean up some more properties-grid buttons

Author: jstarpl

packages/webui/src/client/lib/Components/LabelAndOverrides.tsx

@@ -111,8 +111,7 @@ export function LabelAndOverrides<T extends object, TValue = any>({
 						)}
 					</span>
 					<Button variant="primary" onClick={clearOverride} title="Reset to default" disabled={!isOverridden}>
-						{t('Reset')}
-						&nbsp;
+						<span>{t('Reset')}</span>
 						<FontAwesomeIcon icon={faSync} />
 					</Button>
 				</>

packages/webui/src/client/lib/forms/SchemaFormTable/ArrayTable.tsx

@@ -163,8 +163,7 @@ export const SchemaFormArrayTable = ({
 				 
 				{item.defaults && (
 					<button className="btn btn-primary" onClick={resyncTable} title="Reset to default" disabled={!isOverridden}>
-						{t('Reset')}
-						&nbsp;
+						<span>{t('Reset')}</span>
 						<FontAwesomeIcon icon={faSync} />
 					</button>
 				)}

packages/webui/src/client/styles/bootstrap-customize.scss

@@ -265,6 +265,7 @@ fieldset:disabled .btn::before {
 	vertical-align: -0.35rem;
 }
 
-.btn .svg-inline--fa + span {
+.btn .svg-inline--fa + span,
+.btn span + .svg-inline--fa {
 	margin-inline-start: calc(var(--bs-btn-padding-x, 0.5em) / 2);
 }

packages/webui/src/client/ui/Settings/Studio/Routings/RouteSets.tsx

@@ -370,8 +370,7 @@ function RouteSetRow({
 									title="Reset to default"
 									disabled={!routesIsOverridden}
 								>
-									{t('Reset')}
-									 
+									<span>{t('Reset')}</span>
 									<FontAwesomeIcon icon={faSync} />
 								</Button>
 							)}
@@ -389,8 +388,7 @@ function RouteSetRow({
 									title="Reset to default"
 									disabled={!abPlayerIsOverridden}
 								>
-									{t('Reset')}
-									&nbsp;
+									<span>{t('Reset')}</span>
 									<FontAwesomeIcon icon={faSync} />
 								</Button>
 							)}