JB, to fix the column icons:
The "Subtitle/Tag formats" button tax wrapping is mainly because the divs use a background graphic which is not flexible for 2 rows of text.
The quickest fix is to shrink the font size down a little so it doesn't wrap on 2 lines:
Code: Select all
.feature-cat {
font-size: 0.875em;
}
or you could get rid of the background graphics and re-style as (I left the removed styles in as commented out lines):
Code: Select all
.feature-cat {
cursor:pointer;
/* background:url(http://images.videolan.org/images/features/feature-cat.jpg) left no-repeat; */
padding-left:5px;
padding-top: 5px;
padding-bottom: 3px;
border-collapse: collapse;
border:none;
/* height:28px; */
font-weight: bold;
color:#2D58AE;
background-color: #eeeeec;
margin: 0px 2px 10px;
border-radius: 4px 0px 0px 4px;
border: 2px solid #d2d7d0;
border-right: 0px;
}
.feature-cat-sel {
cursor:pointer;
/* background:url(http://images.videolan.org/images/features/feature-cat-sel.jpg) left no-repeat; */
padding-left:5px;
padding-top: 5px;
padding-bottom: 3px;
border-collapse: collapse;
border:none;
/* height:28px; */
font-weight: bold;
color:#D4E0F7;
background-color: #7294e0;
margin: 0px 0px 10px;
border-radius: 4px 0px 0px 4px;
border: 2px solid #9cb6e7;
border-right: 0px;
}
.feature-cat-sel a {
color: #D4E0F7 !important;
}
This would make the page look like: