🔨 Fixed style issues

Author: mountainash

Diff for: CHANGELOG.md

@@ -17,6 +17,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Update dependency `electron-updater` from v6.1.4 to **v6.1.8**
 - Update dependency `electron-store` from v8.1.0 to **v8.2.0**
 
+### Fixed
+
+- Drag area in the header
+- paddding to the Mixcloud logo so it's not under the window controls
+
 ## 0.20.0 - 📦 Package Dependency Updates
 
 ### Changed

Diff for: browser.css

@@ -6,7 +6,7 @@ textarea::selection {
 	background-color: #643e9b57;
 }
 div[class^="Warnings__Container"],
-div[class^="Header__"] {
+div[class^="styles__HeaderContainer"] {
 	-webkit-app-region: drag;
 }
 a,
@@ -18,14 +18,9 @@ img,
 svg {
 	-webkit-app-region: no-drag !important;
 }
-div[class^="Header__HeaderSection"] { /* Mixcloud Logo */
-	padding-left: 60px !important;
+div[class^="styles__HeaderContainer"] { /* Mixcloud Logo */
+	padding-left: 90px !important;
 }
-div[class^="Header__HeaderSection"] a:focus-visible { /* Electron focuses the first link, and Mixcloud shows an ugly outline */
+div[class^="styles__HeaderSection"] a:focus-visible { /* Electron focuses the first link, and Mixcloud shows an ugly outline */
 	outline: 0;
 }
-
-/* Temp Fix */
-span[class^="PlayButton__PlayButtonIcon"] { /* Play button - moving up */
-	line-height: 1;
-}