remove padding from sidebar visualizer

src/renderer/features/now-playing/components/sidebar-play-queue.module.css

@@ -45,7 +45,6 @@
     flex-direction: column;
     height: 100%;
     min-height: 0;
-    padding: var(--theme-spacing-md);
     overflow: hidden;
     background: var(--theme-colors-background);
     background-color: var(--theme-colors-background-alternate);

src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.module.css

@@ -18,6 +18,7 @@
 }
 
 .container .settings-icon {
+    z-index: 100;
     opacity: 0;
     transition: opacity 0.2s ease-in-out;
 }

src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.tsx

@@ -229,9 +229,9 @@ export const Visualizer = () => {
                 iconProps={{ size: 'lg' }}
                 onClick={openVisualizerSettingsModal}
                 pos="absolute"
-                right={0}
-                top={0}
-                variant="transparent"
+                right="var(--theme-spacing-sm)"
+                top="var(--theme-spacing-sm)"
+                variant="subtle"
             />
             <ComponentErrorBoundary>
                 <VisualizerInner />

src/renderer/features/visualizer/components/butternchurn/visualizer.module.css

@@ -13,8 +13,8 @@
 }
 
 .container .settings-icon {
+    z-index: 100;
     opacity: 0;
-    transition: opacity 0.2s ease-in-out;
 }
 
 .canvas {

src/renderer/features/visualizer/components/butternchurn/visualizer.tsx

@@ -306,16 +306,16 @@ const VisualizerInner = () => {
 
 export const Visualizer = () => {
     return (
-        <div className={styles.container} style={{ position: 'relative' }}>
+        <div className={styles.container}>
             <ActionIcon
                 className={styles.settingsIcon}
                 icon="settings2"
                 iconProps={{ size: 'lg' }}
                 onClick={openVisualizerSettingsModal}
                 pos="absolute"
-                right={0}
-                top={0}
-                variant="transparent"
+                right="var(--theme-spacing-sm)"
+                top="var(--theme-spacing-sm)"
+                variant="subtle"
             />
             <ComponentErrorBoundary>
                 <VisualizerInner />