Mute Tab button too big on Pinned Tabs

[ghnp5]

Describe the bug

Hi!

The Mute Tab button is a bit obtrusive in pinned tabs, as they take a lot of space, making it hard to click to open the tab.

Would it be possible to make it smaller? :)

Many thanks!

Expected behavior

No response

Screenshots

No response

OS

Windows 11

OS - Others

No response

Firefox Version

132.0b5 (64-bit)

Distribution

• Original Lepton
• Lepton's photon style
• Lepton's proton style

Theme

• Light
• Dark
• Alpenglow (System: Light)
• Alpenglow (System: Dark)
• System Default
• Others: (e.g. Photon Colors, Google Chrome Dark, Fairytale Of Nature)

Theme - More Info

No response

user.js setup

user.js setup is just the default - no changes

Additional context

No response

[ctrlcmdshft]

This is a bug i have too, it should be a speaker logo not a circle

[plissken1138]

Same bug here, circle instead of speaker.

[ghnp5]

Thanks - but just to clarify - besides the circle, I'm also reporting that the button is too big, making it hard to select the pinned tab.

[sakuhanachan]

found this bug on normal tab too. (on nightly build 133.0a1)

[adamkkkkkk]

How it normally looks like

How it looks like when you hover over it

I also have the same issue of the tab speaker icon being a circle. Firefox Developer Edition v132.0b9 (64-bit) Original Lepton version v8.6.3 Windows 11 Theme System Default.

[ajchow66]

Confirming the same issue on the latest release Firefox 132.0

[black7375]

Thank you for the report.
It will probably be dealt with in the #1011 .

[ghnp5]

@black7375 - Thanks, but I'm not sure #1011 is the same thing I'm reporting here.

What I'm reporting is that the button is too big on pinned tabs.

I keep accidentally removing the Mute on pinned tabs, because I want to click to open the tab, but instead, I click on the "Unmute" button, so I have to go right click to mute again.

Is it possible to fix this, making the button much smaller?

Thank you!

[black7375]

@ghnp5
It currently consists of 17x17 pixels.

• 17x17 (Currently)
  
  

• 16x16
  
  

• 15x15
  
  

• 14x14
  
  

14x14 certainly seems small.
It looks more appropriate if it's slightly reduced to 16x16. What do you think?

[ghnp5]

Thank you very much for showing the examples.

I think the problem also is that there is some padding around the icon, which makes the button bigger than it seems while we're not hovering it.
If it's possible to remove the padding (or making it just 1px padding or so), on that 14x14, maybe the icon will be more visible than it is in your screenshot.

What do you think? 14x14, with 1px padding around the icon, so the icon can be a bit bigger.

I just feel that reducing from 17x17 to 16x16 might not really resolve my problem :)

Many thanks!

[ghnp5]

Also - is it possible to make this change only for pinned tabs?

So the other normal tabs aren't affected.

Not sure if there's some extra parent class or so, to narrow the CSS change...

Thanks!

[black7375]

In my opinion, the sizes should be uniform for consistency.
I'll think a little more about the appropriate method.