theming control panel buttons overlap, need spacing

[tkimnguyen]

The buttons for "Save", "New folder", etc. overlap with the buttons "Show inspectors", "Build rule", etc. This is with the coredev buildout and Safari 8.0.8 and Chrome 45.0.2454.101 (64-bit) and Firefox 40.0.3 on OS X Yosemite. /cc @obct537

[vangheem]

• go to Resource registrys
• turn on develop mode
• turn on developing the thememapper bundle
• modify the less in mockup/patterns/thememapper/pattern.thememapper.less

[ebrehault]

Hi @tkimnguyen
I think you need to comment this negative margin here:
https://github.com/plone/mockup/blob/master/mockup/patterns/thememapper/pattern.thememapper.less#L333
Note: this negative margin is needed when your screen is wide enough to get the 2 buttons bar on a single row, but when they are on 2 rows (like in your case), it does not look nice.
I guess we should use a grid to avoid those kind of issues in the theme mapper.