# "Expand" button positioning on mobile inconsistent with desktop

**URL:** https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679
**Category:** UX
**Created:** [8 december 2017 om 11:03 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679 "2017-12-08T11:03:49Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [8 december 2017 om 11:03 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/1 "2017-12-08T11:03:50Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/5/c/5ce4f3afd3131e92e5e02cc11a48c4a47461aa7f.png)

As you can see the “Expand” button is between the name and the avatar, whereas on desktop the button is aligned to the right after the name/username.

It seems this left floating in `mobile/user.scss` is the culprit

[https://github.com/discourse/discourse/blob/master/app/assets/stylesheets/mobile/user.scss#L114-L116](https://github.com/discourse/discourse/blob/master/app/assets/stylesheets/mobile/user.scss#L114-L116)

If I float it to right in my chrome dev console I get this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/9/49389eb034df8bbdad0286284623476b0bbb39fb.png)

Which seems to fix this particular issue, but might break something else.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [8 december 2017 om 22:11 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/2 "2017-12-08T22:11:49Z")

</div>

Yeah I think you would need to test this with all the admin controls as well. Not sure what the impact would be.

User page on mobile really needs a very good cleanup @awesomerobot, expanded we are also using up tons of pointless space.

---

<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: [8 december 2017 om 22:18 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/3 "2017-12-08T22:18:43Z")

</div>

Mobile needs some general cleanup for sure.

@osama the button position here is definitely odd and does seem to make more sense on the right. I can take a quick look at this and see if the change impacts anything else (including admin controls on the user profile).

---

<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: [8 december 2017 om 22:22 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/4 "2017-12-08T22:22:07Z")

</div>

Yeah this definitely needs work, if you could do a quick pass.. it’s been messed up for quite a while on mobile.

---

<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: [12 december 2017 om 18:32 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/6 "2017-12-12T18:32:43Z")

</div>

ok, so I’ve cleaned up the user profiles on mobile a bit and it’s live on meta —

 ![46 AM](https://global.discourse-cdn.com/meta/original/3X/6/c/6c3ef1a63b2f23a6890aefa8ee008fafa1a81152.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: [15 december 2017 om 02:00 UTC](https://meta.discourse.org/t/expand-button-positioning-on-mobile-inconsistent-with-desktop/75679/7 "2017-12-15T02:00:28Z")

</div>

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