WIP: removing unecessary changes, removing inline CSS

src/settings/SettingsModal.module.css

@@ -44,28 +44,21 @@ Please see LICENSE in the repository root for full details.
   margin-block: var(--cpd-space-3x) 0;
 }
 
-.thresholdSlider {
-  margin-block-start: calc(-32px + var(--cpd-space-2x));
-}
-
 .noiseGateSeparator {
   margin-block: 6px var(--cpd-space-4x);
 }
 
-.advancedGate {
-  margin-top: var(--cpd-space-3x);
+.vadRampLabel {
+  display: block;
+  margin-block: var(--cpd-space-6x) var(--cpd-space-1x);
 }
 
-.advancedGateToggle {
-  all: unset;
-  cursor: pointer;
-  font: var(--cpd-font-body-sm-semibold);
-  color: var(--cpd-color-text-secondary);
-  user-select: none;
+.vadRampForm {
+  margin-top: 0;
 }
 
-.advancedGateToggle:hover {
-  color: var(--cpd-color-text-primary);
+.vadSpacedSlider {
+  margin-block-start: var(--cpd-space-6x);
 }
 
 .restoreDefaults {

src/settings/SettingsModal.tsx

@@ -272,8 +272,8 @@ export const SettingsModal: FC<Props> = ({
               )}
               {vadState === "advanced" && (
                 <>
-                  <span className={styles.sliderLabel} style={{ display: "block", marginTop: "24px", marginBottom: "4px" }}>Ramp profiles</span>
-                  <Form style={{ marginTop: "0" }}>
+                  <span className={styles.vadRampLabel}>Ramp profiles</span>
+                  <Form className={styles.vadRampForm}>
                     <InlineField
                       name={vadModeRadioGroup}
                       control={
@@ -314,7 +314,7 @@ export const SettingsModal: FC<Props> = ({
                       <HelpMessage>160 samples / 10 ms — 1 ms open / 5 ms close ramp.</HelpMessage>
                     </InlineField>
                   </Form>
-                  <div className={`${styles.volumeSlider} ${styles.thresholdSlider}`} style={{ marginTop: "24px" }}>
+                  <div className={`${styles.volumeSlider} ${styles.vadSpacedSlider}`}>
                     <span className={styles.sliderLabel}>
                       Open threshold: {Math.round(vadAdvOpenRaw * 100)}%
                     </span>
@@ -346,7 +346,7 @@ export const SettingsModal: FC<Props> = ({
                       tooltip={false}
                     />
                   </div>
-                  <div className={styles.volumeSlider} style={{ marginTop: "24px" }}>
+                  <div className={`${styles.volumeSlider} ${styles.vadSpacedSlider}`}>
                     <span className={styles.sliderLabel}>
                       Hold time: {vadHoldRaw} ms
                     </span>

vite.config.ts

@@ -7,6 +7,7 @@ Please see LICENSE in the repository root for full details.
 
 import {
   loadEnv,
+  PluginOption,
   searchForWorkspaceRoot,
   type ConfigEnv,
   type UserConfig,
@@ -33,8 +34,7 @@ export default ({
   // In future we might be able to do what is needed via code splitting at
   // build time.
   process.env.VITE_PACKAGE = packageType ?? "full";
-
-  const plugins = [
+  const plugins: PluginOption[] = [
     react(),
     svgrPlugin({
       svgrOptions: {