Improve the appearance on small touch screen/iPhone

[anetteu]

Describe the improvement you would like to see
The frontend design and components are not all optimized for small touch screens/iPhones. Not all components are easy to adjust with the current design as they have a lot of content. It should, however, be considered to make the needed changes in design and implementation to improve the user experience on small touch screens/iPhones. An example is adjustment of the header menu. This new issue is created to represent the need of a good user experience on iPhones. Some related issues are:

• Frontend components do not adjust to dynamic window size #808
• Remove tooltip for re-run missions on iPad #906
• Re-arrange/cleanup the status fields on the ongoing mission page #900
• Consider to place pause and stop button in fixed position  #901
• Default text in dropdown does not adjust to page size #1009
• Improve the readability of robot battery and pressure levels #898

How will this change existing functionality?
A clear and concise description on how this will affect current functionality.

How will this improvement affect the current Threat Model?
Leave blank for maintainers to fill out if you are uncertain about this.

[andchiind]

Here we need to involve UX design

[anetteu]

#1009

[tsundvoll]

Verified that the UX looks good on iPhone