Reset button and log look weird on mobile

[uwe_keim]

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

• 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?

[sam (Sam Saffron)]

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.

[codinghorror (Jeff Atwood)]

This is a regression, so it needs to be fixed

[itsbhanusharma (Bhanu Sharma)]

This looks like very related to screen size!

[Osama]

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):

And on desktop:

Does this look good? anything out of place?

[sam (Sam Saffron)]

Looks good to me

[Osama]

PR sent

https://github.com/discourse/docker_manager/pull/40

[sam (Sam Saffron)]

Merged in, @uwe_keim let us know what you think

[uwe_keim]

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”?

[Osama]

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

[uwe_keim]

It is above the Discourse logo.

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

[uwe_keim]

Looks good now: