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)

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)

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.