From e2a2974038759edb036a90dddaeddff1311e4368 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 23 Aug 2021 11:53:00 +0300 Subject: [PATCH] inline_tab_audio_icons: increase size of audio icon and move it closer to favicon decreasing the padding allows icon to be bigger. Modifying inline-margin moves it closer to favicon and also pushes label towards it. This allows the style to work better with default tab min width (76px) which is not wide enough to fit favicon, audio icon and close button. --- chrome/inline_tab_audio_icons.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/chrome/inline_tab_audio_icons.css b/chrome/inline_tab_audio_icons.css index 76157c1..415c9d0 100644 --- a/chrome/inline_tab_audio_icons.css +++ b/chrome/inline_tab_audio_icons.css @@ -9,8 +9,13 @@ See the above repository for updates as well as full license text. */ .tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; } .tab-icon-overlay,.tab-icon-image{ opacity: 1 !important; } +.tab-icon-overlay:not([pinned]){ + padding: 0px !important; + margin-inline: -3px 1px !important; +} + /* secondary audio label ain't much use with this style, but feel free to remove the next line if you want to show it. */ .tab-secondary-label{ display: none } /* show the secondary label when video is in PiP */ -.tab-secondary-label[pictureinpicture]{ display: -moz-box } \ No newline at end of file +.tab-secondary-label[pictureinpicture]{ display: -moz-box }