wip: cleanup

Author: Julusian

packages/webui/src/client/ui/Settings/DeviceSettings.tsx

@@ -136,17 +136,13 @@ export default translateWithTracker<IDeviceSettingsProps, IDeviceSettingsState,
 										{t('No name set')} <FontAwesomeIcon icon={faExclamationTriangle} />
 									</div>
 								) : null}
-								<div className="mdi">
-									<EditAttribute
-										modifiedClassName="bghl"
-										attribute="name"
-										obj={device}
-										type="text"
-										collection={PeripheralDevices}
-										className="mdinput"
-									></EditAttribute>
-									<span className="mdfx"></span>
-								</div>
+								<EditAttribute
+									modifiedClassName="bghl"
+									attribute="name"
+									obj={device}
+									type="text"
+									collection={PeripheralDevices}
+								></EditAttribute>
 							</label>
 
 							<label className="field">

packages/webui/src/client/ui/Settings/Migration.tsx

@@ -331,7 +331,7 @@ export const MigrationView = translateWithTracker<IProps, IState, ITrackedProps>
 												<td colSpan={2}>
 													{this.state.migration.chunks.map((c) => (
 														<div key={c.sourceName}>
-															<h3 className="mhs">{c.sourceName}</h3>
+															<h3 className="mx-2">{c.sourceName}</h3>
 															{_.map(c._steps, (s) => (
 																<p key={s}>{s}</p>
 															))}
@@ -364,7 +364,7 @@ export const MigrationView = translateWithTracker<IProps, IState, ITrackedProps>
 									</div>
 								) : (
 									<div>
-										<p className="mhn mvs">
+										<p className="my-2">
 											{t('The migration procedure needs some help from you in order to complete, see below:')}
 										</p>
 										<div>{this.renderManualSteps()}</div>

packages/webui/src/client/ui/Settings/RundownLayoutEditor.tsx

@@ -364,7 +364,7 @@ const RundownLayoutEditorContent = withTranslation()(
 						<React.Fragment>
 							<h4 className="my-2">{layout?.filtersTitle ?? t('Filters')}</h4>
 							{item.filters.length === 0 ? (
-								<p className="text-s dimmed field-hint mhs">{t('There are no filters set up yet')}</p>
+								<p className="text-s dimmed field-hint mx-2">{t('There are no filters set up yet')}</p>
 							) : null}
 						</React.Fragment>
 					) : null}

packages/webui/src/client/ui/Settings/ShowStyle/Generic.tsx

@@ -33,7 +33,6 @@ export function ShowStyleGenericProperties({
 						obj={showStyleBase}
 						type="text"
 						collection={ShowStyleBases}
-						className="mdinput"
 					></EditAttribute>
 				</div>
 				<div></div>

packages/webui/src/client/ui/Settings/ShowStyle/VariantListItem.tsx

@@ -182,7 +182,7 @@ export const VariantListItem = ({
 									</span>
 								</label>
 
-								<h3 className="mhn">{t('Blueprint Configuration')}</h3>
+								<h3 className="my-2">{t('Blueprint Configuration')}</h3>
 
 								<label className="field">
 									<LabelActual label={t('Config preset')} />
@@ -196,7 +196,6 @@ export const VariantListItem = ({
 										mutateDisplayValue={(v) => v || ''}
 										mutateUpdateValue={(v) => (v === '' ? undefined : v)}
 										collection={ShowStyleVariants}
-										className="mdinput"
 									/>
 									<div>
 										{!showStyleVariant.blueprintConfigPresetId && (

packages/webui/src/client/ui/Settings/Studio/Baseline.tsx

@@ -56,7 +56,7 @@ export function StudioBaselineStatus({ studioId }: Readonly<IStudioBaselineStatu
 	return (
 		<div className="field">
 			<LabelActual label={t('Studio Baseline needs update: ')}></LabelActual>
-			<div className="mhn field-content">
+			<div className="field-content">
 				{needsUpdate ? (
 					<Tooltip
 						overlay={t('Baseline needs reload, this studio may not work until reloaded')}

packages/webui/src/client/ui/Settings/Studio/Generic.tsx

@@ -80,21 +80,11 @@ export function StudioGenericProperties({ studio }: IStudioGenericPropertiesProp
 						{t('No name set')} <FontAwesomeIcon icon={faExclamationTriangle} />
 					</div>
 				) : null}
-				<div className="mdi">
-					<EditAttribute
-						modifiedClassName="bghl"
-						attribute="name"
-						obj={studio}
-						type="text"
-						collection={Studios}
-						className="mdinput"
-					/>
-					<span className="mdfx"></span>
-				</div>
+				<EditAttribute modifiedClassName="bghl" attribute="name" obj={studio} type="text" collection={Studios} />
 			</label>
 			<div className="field">
 				{t('Select Compatible Show Styles')}
-				<div className="mdi">
+				<div>
 					<EditAttribute
 						attribute="supportedShowStyleBase"
 						obj={studio}

packages/webui/src/client/ui/Settings/Studio/PackageManager/AccessorTable.tsx

@@ -51,7 +51,7 @@ export function AccessorsTable({ packageContainer, overrideHelper }: AccessorsTa
 			<table className="expando settings-studio-package-containers-accessors-table">
 				{Object.keys(container.accessors || {}).length === 0 ? (
 					<tr>
-						<td className="mhn dimmed">{t('There are no Accessors set up.')}</td>
+						<td className="dimmed">{t('There are no Accessors set up.')}</td>
 					</tr>
 				) : (
 					_.map(container.accessors || {}, (accessor: Accessor.Any, accessorId: string) => (

packages/webui/src/client/ui/Settings/Studio/PackageManager/AccessorTableRow.tsx

@@ -88,7 +88,7 @@ export function AccessorTableRow({
 	if (Object.keys(packageContainer.computed?.container || {}).length === 0) {
 		return (
 			<tr>
-				<td className="mhn dimmed">{t('There are no Accessors set up.')}</td>
+				<td className="dimmed">{t('There are no Accessors set up.')}</td>
 			</tr>
 		)
 	}

packages/webui/src/client/ui/Settings/Studio/PackageManager/PackageContainers.tsx

@@ -315,11 +315,10 @@ function PackageContainerRow({
 									/>
 								)}
 							</LabelAndOverridesForMultiSelect>
-							<div className="mdi"></div>
 						</div>
 						<div>
 							<div className="settings-studio-accessors">
-								<h3 className="mhn">{t('Accessors')}</h3>
+								<h3>{t('Accessors')}</h3>
 								<AccessorsTable packageContainer={packageContainer} overrideHelper={overrideHelper} />
 							</div>
 						</div>