fix: Fixed inconsistent audio playing on collapsed mode, b=closes #10531, c=tabs, compact-mode

prefs/view.yaml

@@ -22,9 +22,6 @@
 - name: zen.view.sidebar-expanded
   value: true
 
-- name: zen.view.sidebar-collapsed.hide-mute-button
-  value: true
-
 - name: zen.view.experimental-force-window-controls-left
   value: false
 

src/browser/themes/shared/tabbrowser/tabs-css.patch

@@ -1,5 +1,5 @@
 diff --git a/browser/themes/shared/tabbrowser/tabs.css b/browser/themes/shared/tabbrowser/tabs.css
-index 07574cdd974f63b90355f069f0fbc3fa6cd61b50..665b8c431be11dc0ef5f1f30f4c2ef884c231e46 100644
+index 07574cdd974f63b90355f069f0fbc3fa6cd61b50..c650da2adf0d1a53b05a09d1b43fa5f52d78a307 100644
 --- a/browser/themes/shared/tabbrowser/tabs.css
 +++ b/browser/themes/shared/tabbrowser/tabs.css
 @@ -21,7 +21,7 @@
@@ -146,6 +146,17 @@ index 07574cdd974f63b90355f069f0fbc3fa6cd61b50..665b8c431be11dc0ef5f1f30f4c2ef88
      }
  
      .tab-background {
+@@ -1833,8 +1825,8 @@ tab-group {
+       display: block;
+       position: absolute;
+       inset: auto;
+-      top: -3px;
+-      inset-inline-start: 2px;
++      top: -2px;
++      inset-inline-start: -2px;
+ 
+       &:-moz-window-inactive {
+         background-image:
 @@ -1953,7 +1945,6 @@ toolbar:not(#TabsToolbar) #firefox-view-button {
    list-style-image: url(chrome://global/skin/icons/plus.svg);
  }

src/browser/themes/shared/zen-icons/icons.css

@@ -572,20 +572,14 @@
 /* tab sound icons */
 .tab-icon-overlay[soundplaying] {
   list-style-image: url('tab-audio-playing-small.svg') !important;
-  background-image: none !important;
-  fill: white !important;
 }
 
 .tab-icon-overlay[muted] {
   list-style-image: url('tab-audio-muted-small.svg') !important;
-  background-image: none !important;
-  fill: white !important;
 }
 
 .tab-icon-overlay[activemedia-blocked] {
   list-style-image: url('tab-audio-blocked-small.svg') !important;
-  background-image: none !important;
-  fill: white !important;
 }
 
 /* reload/stop animation */

src/zen/compact-mode/zen-compact-mode.css

@@ -140,11 +140,6 @@
           width: calc(var(--zen-sidebar-width) + var(--zen-toolbox-padding));
         }
 
-        :root[zen-single-toolbar='true'] {
-          padding-top: 0 !important;
-          margin-left: 0 !important;
-        }
-
         & #zen-toolbar-background {
           display: flex;
           overflow: clip;

src/zen/tabs/zen-tabs/vertical-tabs.css

@@ -794,28 +794,6 @@
       }
     }
 
-    @media -moz-pref('zen.view.sidebar-collapsed.hide-mute-button') {
-      & .tab-icon-overlay:is([soundplaying], [muted]):not([selected]) {
-        display: none !important;
-
-        :is(
-            :root[uidensity='compact'],
-            #tabbrowser-tabs[secondarytext-unsupported],
-            :root:not([uidensity='compact'])
-              #tabbrowser-tabs:not([secondarytext-unsupported])
-              .tabbrowser-tab:hover
-          )
-          .tab-icon-stack[indicator-replaces-favicon]
-          > :not(&),
-        :root:not([uidensity='compact'])
-          #tabbrowser-tabs:not([secondarytext-unsupported])
-          .tabbrowser-tab:not(:hover)
-          &[indicator-replaces-favicon] {
-          opacity: 1 !important;
-        }
-      }
-    }
-
     & .tab-throbber,
     & .tab-icon-pending,
     & .tab-icon-image,