diff --git a/js/components/App.tsx b/js/components/App.tsx index 5b429170..0db6e675 100644 --- a/js/components/App.tsx +++ b/js/components/App.tsx @@ -145,17 +145,19 @@ class App extends React.Component { return null; } return ReactDOM.createPortal( -
- - } - > - - -
, + +
+ + } + > + + +
+
, this._webampNode ); } diff --git a/js/components/EqualizerWindow/index.tsx b/js/components/EqualizerWindow/index.tsx index 05ad3fe8..8cfce998 100644 --- a/js/components/EqualizerWindow/index.tsx +++ b/js/components/EqualizerWindow/index.tsx @@ -58,30 +58,23 @@ const EqualizerWindow = (props: StateProps & DispatchProps) => {
{props.shade ? ( - - - + ) : (
- +
-
-
-
- - - - - + id="equalizer-shade" + onClick={props.toggleEqualizerShadeMode} + /> +
+
+ + + +
diff --git a/js/components/MainWindow/index.tsx b/js/components/MainWindow/index.tsx index 0c09aa43..bd06618a 100644 --- a/js/components/MainWindow/index.tsx +++ b/js/components/MainWindow/index.tsx @@ -73,72 +73,70 @@ const MainWindow = React.memo(({ analyser, filePickers }: Props) => { const loadMedia = useActionCreator(loadMediaAndPlay); return ( - - - -
+ +
+ } > - } - > - - - {mainShade && } - - - -
-
- - {!working &&
} -
-
- + + {mainShade && } + + + +
+
+ + {!working &&
} +
-
- - - - - - - -
- - -
- - - -
- - -
- - - - +