Button spacing

[Bocool]

Sorry, I dozed off for a bit. LMAO

I do see that the text on the cat_bg's are a raised a bit high...

[Dave]

Sorry, I dozed off for a bit. LMAO

I do see that the text on the cat_bg's are a raised a bit high...

Yes now you mention it so do I. If you change

Code Select Expand

.cat_bar h3 {
    padding: 3px 12px 6px 12px;
}
to

Code Select Expand

.cat_bar h3 {
    padding: 8px 12px 6px 12px;
}
It brings it to the center


When you do that some of the toggle buttons go out of alignment but to counter that so that the toggles are inline with the catbar main text change the code below from

Code Select Expand

.toggle_up::before, .toggle_down::before {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: #f7f7f7 url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
    overflow: hidden;
    content: "";
    vertical-align: middle;
    margin: 5px 0 5px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2),
        0 1px 1px #fff inset,
        0 -5px 4px rgba(0,0,0,.1) inset;
    transition: background-color 0.25s;
}
to

Code Select Expand

.toggle_up::before, .toggle_down::before {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: #f7f7f7 url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
    overflow: hidden;
    content: "";
    vertical-align: middle;
    margin: 0px 0 5px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2),
        0 1px 1px #fff inset,
        0 -5px 4px rgba(0,0,0,.1) inset;
    transition: background-color 0.25s;
}

This keeps the toggle button inline with the main .cat_bar h3 text, even when the category description text is added.


I hope that helps

UPDATE:

This is also the same for the White theme, CleanTek2 looks ok

[Bocool]

I've noticed today that the code for the cat_bars is that it also changes them on the stats page but throws them way off cause they are just text where as the ones on the from page are anchors. So, I had to adjust the cat_bars for the stats page and "adjust cat_bar a" for the front page.

I've also used the toggle code from above.