Center tab font vertically
I found this post at https://support.mozilla.org/en-US/questions/1185760
and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters
/* Tab bar: adjust height */
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar,
#TabsToolbar .tabbrowser-tab[selected] {
height: 19px !important; /* 29px compact, 33px normal, YMMV */
min-height: 19px !important;
max-height: 19px !important;
}I found this post at https://support.mozilla.org/en-US/questions/1185760
and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters
<pre><nowiki>/* Tab bar: adjust height */
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar,
#TabsToolbar .tabbrowser-tab[selected] {
height: 19px !important; /* 29px compact, 33px normal, YMMV */
min-height: 19px !important;
max-height: 19px !important;
}</nowiki></pre>
Modified by cor-el
All Replies (3)
/* Tab bar: adjust height */
#TabsToolbar .tabbrowser-tab[selected] {
height: 19px !important; /* 29px compact, 33px normal, YMMV */
min-height: 19px !important;
max-height: 19px !important;
}
Modified by cor-el
You can add some padding to move up the text one or more pixels.
#TabsToolbar .tabbrowser-tab .tab-label {
padding-bottom: 1px !important;
}
cor-el said
You can add some padding to move up the text one or more pixels.
#TabsToolbar .tabbrowser-tab .tab-label {
padding-bottom: 1px !important;
}
I tried altering the number, but it had no effect