Shelley
Well-known member
When you hover over the tablinks this is how it currently looks >>
With the following alterations I think it would be better like this >>
You currently have padding: 2px 0; in the following remove that and add margin-top: 7px;
And in the following you have line height set at 28px adjust that to 20px and add in the height: 20px;
Unsure whether you like the latter better but the css above will adjust it to the version I'm suggesting.

With the following alterations I think it would be better like this >>

You currently have padding: 2px 0; in the following remove that and add margin-top: 7px;
Code:
.navTabs .navTab.selected .tabLinks li {
margin-top: 7px;}
And in the following you have line height set at 28px adjust that to 20px and add in the height: 20px;
Code:
.navTabs .navTab.selected .tabLinks a {
height: 20px;
line-height: 20px; }
Unsure whether you like the latter better but the css above will adjust it to the version I'm suggesting.