# Reset button and log look weird on mobile

**URL:** https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954
**Category:** Support
**Created:** [May 20, 2018, 9:24pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954 "2018-05-20T21:24:39Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)
#### Post date: [May 20, 2018, 9:24pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/1 "2018-05-20T21:24:39Z")

</div>

Since some days, the upgrade Discourse admin upgrade page looks somewhat strange:

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/3/030ab7bf0bdfe9cb4eef7aaee4f4604ae28c36e6.png)

- The “Reset Upgrade” button is wrapped in the next line.
- The log area is only half the width of the available space.

My sceenshot is form a German iOS 11.3 on iPhone SE.

Maybe this can be improved?

---

<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: [May 21, 2018, 12:38am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/2 "2018-05-21T00:38:44Z")

</div>

Interesting, @Osama can you add to your list. (feel free to spin up a digital ocean instance to test this)

I think it is very legit to have a good “upgrade” UI on mobile.

---

<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: [May 21, 2018, 1:47am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/3 "2018-05-21T01:47:21Z")

</div>

This is a regression, so it needs to be fixed

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [May 21, 2018, 3:20am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/4 "2018-05-21T03:20:20Z")

</div>

This looks like very related to screen size!

 ![Capture%20_2018-05-21-08-49-23](https://global.discourse-cdn.com/meta/original/3X/6/0/603bd55f648c5c1913b2b98b65d516b72a543de4.png)

---

<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: [May 21, 2018, 3:53pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/5 "2018-05-21T15:53:37Z")

</div>

Ok, so I refactored a few things here and there and this is what I ended up with:

It should now be able to handle devices with extremely narrow screens (down to 320 pixels wide):

 ![320px](https://global.discourse-cdn.com/meta/original/3X/3/b/3b1766393bcc6e1cb76ad74f101bc175cc2d8307.png)

 ![480px](https://global.discourse-cdn.com/meta/original/3X/5/e/5ef5f081a3b0a0d9cb0151e5cdfc433b652e4bf5.png)

And on desktop:

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

Does this look good? anything out of place?

---

<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: [May 22, 2018, 1:51am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/11 "2018-05-22T01:51:15Z")

</div>

Looks good to me 🐼

---

<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: [May 22, 2018, 2:48am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/12 "2018-05-22T02:48:59Z")

</div>

PR sent 🚀

[https://github.com/discourse/docker\_manager/pull/40](https://github.com/discourse/docker_manager/pull/40)

---

<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: [May 22, 2018, 3:16am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/13 "2018-05-22T03:16:49Z")

</div>

Merged in, @uwe_keim let us know what you think

---

<div class="post-metadata">

### Author: ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)
#### Post date: [May 22, 2018, 10:13am UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/14 "2018-05-22T10:13:14Z")

</div>

After reading this, I did one update and another one after that.

Still, it looks exactly the same as in my initial post.

Probably I have to wait some time until it is actually available in the official “branch”?

---

<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: [May 22, 2018, 12:45pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/15 "2018-05-22T12:45:23Z")

</div>

Where do you see the “Return to site” link? Is it one of the navigation tabs or above the discourse logo?

---

<div class="post-metadata">

### Author: ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)
#### Post date: [May 22, 2018, 1:13pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/16 "2018-05-22T13:13:02Z")

</div>

It is above the Discourse logo.

I’ll wait one more update, maybe it will then be fiex.

---

<div class="post-metadata">

### Author: ![uwe\_keim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/uwe_keim/32/326762_2.png) [@uwe\_keim](https://meta.discourse.org/u/uwe_keim)
#### Post date: [May 22, 2018, 3:56pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/17 "2018-05-22T15:56:08Z")

</div>

Looks good now:

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

---

<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: [May 22, 2018, 4:38pm UTC](https://meta.discourse.org/t/reset-button-and-log-look-weird-on-mobile/87954/18 "2018-05-22T16:38:47Z")

</div>


