Increase width of tab group icons?

[rieje]

Is it possible to increase the width of tab group icons? I would like to give it a text value but it's too small. Also would it be possible to have tab group icons expand multi-line so they remain visible (as opposed to hidden behind a menu or requiring horizontal scrolling) when there's more than a few of them?

[madeddy]

I have basically the same questions. The ability to make the tab-panel icons bigger, would be of great value to me.
Any way to do this?

[lmBored]

Those are the child elements of Navigation Bar:

.NavigationBar

You can modify .nav-item's width and height to increase the size of tab group icons.

Reference: Navigation bar source code

[madeddy]

Thanks for taking the time.

You can modify .nav-item's width and height to increase the size of tab group icons.

Another option is to go to Settings > Styles editor > Navigation > Button width

Both are IMO the same and they do not change the ICON of the button. The button grows but the icon inside stays the same size:

Original state:

Individual state:

I want the icon scalable or the icon scaling automatically relative to his button size.

[lmBored]

Oh for that, you can simply do:

.nav-item .icon {
	width: 50px !important;
	height: 50px !important;
}

[madeddy]

Oh for that, you can simply do:

This works. Finally!

Thanks a lot! 😃

[lmBored]

no problem!

[lmBored]

Another option is to go to Settings > Styles editor > Navigation > Button width and modify the width to your liking.