# Admin menu horizontal form buttons improperly aligned

**URL:** https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918
**Category:** Support
**Created:** [April 24, 2015, 5:48pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918 "2015-04-24T17:48:08Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [April 24, 2015, 5:48pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/1 "2015-04-24T17:48:08Z")

</div>

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`  
 ![](https://global.discourse-cdn.com/meta/original/3X/5/e/5e98030503d226545e00e4b6315cd21551a4a754.png)

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

![](https://global.discourse-cdn.com/meta/original/3X/7/f/7f05df00782e491b448f4169523645b9b19cd753.png)

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;
}

```

 ![](https://global.discourse-cdn.com/meta/original/3X/3/7/375621aedde4960516d89e97c7c9a5bb97154b9a.png)

---

<div class="post-metadata">

### Author: ![cregox](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cregox/32/115904_2.png) [@cregox](https://meta.discourse.org/u/cregox)
#### Post date: [April 24, 2015, 6:07pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/2 "2015-04-24T18:07:12Z")

</div>

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

Can you give any more hints?

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [April 24, 2015, 6:13pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/3 "2015-04-24T18:13:24Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [April 24, 2015, 6:36pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/4 "2015-04-24T18:36:40Z")

</div>

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

 ![](https://global.discourse-cdn.com/meta/original/3X/7/7/7716de8b9c6d47c86962c309fe011101086a7463.png) 

What browser/version of said browser are you using?

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [April 24, 2015, 7:10pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/5 "2015-04-24T19:10:13Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [April 24, 2015, 7:28pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/6 "2015-04-24T19:28:37Z")

</div>

> [@simon](#):
>
> 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)?

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [April 24, 2015, 7:46pm UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/7 "2015-04-24T19:46:33Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 25, 2015, 1:53am UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/8 "2015-04-25T01:53:14Z")

</div>

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

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [April 25, 2015, 3:10am UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/9 "2015-04-25T03:10:32Z")

</div>

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

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 25, 2015, 3:36am UTC](https://meta.discourse.org/t/admin-menu-horizontal-form-buttons-improperly-aligned/27918/10 "2015-04-25T03:36:27Z")

</div>


