Various issues with the 'btn' class when in the topbar

[naftulikay]

Please see the following: http://jsfiddle.net/JpKY6/5/

When using <a> elements in a topbar div, I'm encountering a number of layout and style problems. The source code above details the problems and their reproducibility, but namely:

1. <a class="btn primary"> in the topbar is set to have 100% height, which doesn't look too good.
2. <button class="btn primary"> in the topbar is the right vertical size, but isn't vertically aligned to the center like normal <a> would be.
3. <a class="btn"> in the topbar is similar to issue 1 above, but colors are messed up (possibly from selectors dealing with the topbar).

[lukeholder]

i think placing btns in the topbar is not really a recommended convention - keep items in there conventional locations.

[mariozig]

They are helpful when used as a call to action from within the topbar though - Login/Register/etc.

[naftulikay]

Agreed.
On Oct 3, 2011 10:24 PM, "Mario Zigliotto" <
reply@reply.github.com>
wrote:

They are helpful when used as a call to action from within the topbar
though - Login/Register/etc.

Reply to this email directly or view it on GitHub:
#285 (comment)

[icanb]

Basically they should not be used in

If you remove the divs they seem to work well.

[mdo]

Resolved in 2.0-wip.