Admin menu horizontal form buttons improperly aligned

I’m seeing this in the development environment with the latest version of Discourse in the admin .form-horizontal area.

For category colors the .setting-control buttons are hidden behind the .input-setting-list

For the text input area the setting buttons are overtop of the text input.

This is a possible fix. Maybe it will throw something else off though.

/* float .setting-controls to right instead of left */

.settings .setting .setting-controls,
.settings .setting button[title="reset"] {
  float: right;
}

1 Like

I can’t reproduce this nor have I ever seen this problem.

Can you give any more hints?

The only admin area I have access to right now is in a development environment. Maybe that has something to do with the problem. I had never seen it before I pulled the latest version of Discourse with the new Vagrant image.

I can’t recreate this using the new Vagrant implementation…

What browser/version of said browser are you using?

I’ve tried it with Chrome Version 42.0.2311.90 (64-bit) and Firefox 35.0.1.

I created my admin user with rake admin:create could that be somehow affecting the markup?

Shouldn’t.

I tested on Chrome Version 42.0.2311.90 m on Windows 7, couldn’t reproduce it. Do you have any addons (in Chrome) or plugins (in Discourse)?

I reinstalled everything and the problem is gone. I can’t see a difference in the markup or the css. It may be that I was not using git pull correctly.

1 Like

Does this have to do with browser zoom or the width of the browser?

No, I’m pretty sure the problem was all on my end.