fix playing icon position being wrong when listening to a playlist that is inside a folder

CHANGELOG.md

@@ -6,6 +6,7 @@ Fixed:
 - Fonts looking blurry
 - Notification popups are now visible when the (dribbblish) settings are open
 - Missing settings for on/off times for `Based on Time` dark mode (#107)
+- Playing icon position being wrong when listening to a playlist that is inside a folder ([#106 (comment)](https://github.com/JulienMaille/dribbblish-dynamic-theme/issues/106#issuecomment-967208507))
 
 Improved:
 - Settings that have been changed from default will now show a line next to them. Inspired by the [Visual Studio Code settings UI](https://d33wubrfki0l68.cloudfront.net/d1f1ea4def506997ced23d3d912154794e530e1c/063d2/assets/img/blog/2020-09-17-vscode-settings/settings-ui.png)

src/styles/main.scss

@@ -367,8 +367,9 @@ html {
 
 .main-rootlist-statusIcons {
     z-index: 1;
-    inset: 0;
     position: absolute;
+    inset: 0;
+    left: calc(var(--indentation) * var(--left-sidebar-item-indentation-width));
     margin-left: 12px;
     display: flex;
     align-items: center;
@@ -379,6 +380,10 @@ html {
         display: none;
     }
 
+    html.sidebar-hide-text & {
+        left: 0px;
+    }
+
     .main-playButton-button {
         width: 32px;
         height: 32px;
@@ -595,8 +600,7 @@ html.sidebar-hide-text .GlueDropTarget span {
     color: spiceColor("subtext");
 
     &:hover,
-    &:active,
-    &:focus {
+    &:active {
         color: spiceColor("text");
     }
 }