# Options button in the Composer

**URL:** https://meta.discourse.org/t/options-button-in-the-composer/86479
**Category:** UX
**Created:** [April 30, 2018, 8:42pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479 "2018-04-30T20:42:38Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [April 30, 2018, 8:42pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/1 "2018-04-30T20:42:38Z")

</div>

Can you please structure the html of all Composer buttons in the same way?  
The Options BUTTON is the only one inside an additional DIV, which makes it much more difficult to style.

You can see the problem in Meta with Material Design Theme. Look at the last button.

 ![46%20PM](https://global.discourse-cdn.com/meta/original/3X/5/6/56f3164bdd019743927f4ce81e7df2d12f47934a.png)

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [April 30, 2018, 9:01pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/2 "2018-04-30T21:01:48Z")

</div>

> [@BlackKnob](#):
>
> You can see the problem in Meta with Material Design Theme. Look at the last button.

Well, we have some problem even with the default theme  
 ![option-button](https://global.discourse-cdn.com/meta/original/3X/9/a/9abcecf3f79b11c72dc8f4873f2e61f717332d7e.png)

---

<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 30, 2018, 9:31pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/3 "2018-04-30T21:31:44Z")

</div>

Hmm good point can we fix this @awesomerobot?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 1, 2018, 1:02am UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/4 "2018-05-01T01:02:42Z")

</div>

Yeah that’s a bit of an odd inconsistency. Fixed via

[https://github.com/discourse/discourse/commit/5f2f36fdd785e90202c4a49e7e0ac5746e69eb49](https://github.com/discourse/discourse/commit/5f2f36fdd785e90202c4a49e7e0ac5746e69eb49)

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [May 1, 2018, 6:09pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/5 "2018-05-01T18:09:53Z")

</div>

@awesomerobot, this helped a lot but didn’t solve it. The extra

 may still be the problem.  
 ![21%20AM](https://global.discourse-cdn.com/meta/original/3X/4/f/4fe006da5e68ea8c964e22f76eedd804f6048dfa.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 1, 2018, 7:02pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/6 "2018-05-01T19:02:23Z")

</div>

Removing the div would be a bit complicated because that button/dropdown is structured like most of our other dropdowns.

I could only reproduce it at certain zoom levels, but I pushed a fix that should help. Just so I can double check: which browser/OS were you seeing this in?

---

<div class="post-metadata">

### Author: ![BlackKnob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blackknob/32/93549_2.png) [@BlackKnob](https://meta.discourse.org/u/BlackKnob)
#### Post date: [May 1, 2018, 10:16pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/7 "2018-05-01T22:16:21Z")

</div>

> [@awesomerobot](#):
>
> Just so I can double check: which browser/OS were you seeing this in?

Safari on Mac. This fixes it for me. Thanks Kris.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 2, 2018, 10:08pm UTC](https://meta.discourse.org/t/options-button-in-the-composer/86479/8 "2018-05-02T22:08:27Z")

</div>

This topic was automatically closed after 45 hours. New replies are no longer allowed.