diff --git a/src/renderer/components/settings/TraySettings.tsx b/src/renderer/components/settings/TraySettings.tsx index 8e16223..e502fa4 100644 --- a/src/renderer/components/settings/TraySettings.tsx +++ b/src/renderer/components/settings/TraySettings.tsx @@ -37,10 +37,10 @@ if (!isLinux) const statusToSettingsKey = { icon: { key: "trayMainOverride", label: "Main Icon" }, - idle: { key: "trayIdleOverride", label: "Idle icon" }, - speaking: { key: "traySpeakingOverride", label: "Speaking icon" }, - muted: { key: "trayMutedOverride", label: "Muted icon" }, - deafened: { key: "trayDeafenedOverride", label: "Deafened icon" } + idle: { key: "trayIdleOverride", label: "Idle Icon" }, + speaking: { key: "traySpeakingOverride", label: "Speaking Icon" }, + muted: { key: "trayMutedOverride", label: "Muted Icon" }, + deafened: { key: "trayDeafenedOverride", label: "Deafened Icon" } }; function trayEditButton(iconName: string) { @@ -99,49 +99,53 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: () {Object.entries(statusToSettingsKey).map(([iconName, { key, label }]) => (
- {label} - {trayEditButton(iconName)} - - {Settings[key] && ( +
+ {trayEditButton(iconName)} - )} + {Settings[key] && ( + + )} +
+
+ {label} +
diff --git a/src/renderer/components/settings/traySetting.css b/src/renderer/components/settings/traySetting.css index 1ab01eb..98f046b 100644 --- a/src/renderer/components/settings/traySetting.css +++ b/src/renderer/components/settings/traySetting.css @@ -78,7 +78,7 @@ display: flex; flex-direction: row; align-items: center; - column-gap: 1em; + justify-content: space-between; } .vcd-custom-tray-icon-form-text { @@ -89,4 +89,11 @@ margin-top: 0.5em; display: flex; align-items: center; +} + +.vcd-custom-tray-buttons { + display: flex; + flex-direction: row; + align-items: center; + column-gap: 1em; } \ No newline at end of file