Details and bugs in mobile devices

[borja]

After setting up staging (#47) I've tested the current version in my mobile device (motorola motog 4 play, android 7, latest firefox) and I found several details that need fixing:

• Login background does not have proper size/width in mobile phones in vertical position:

• The workout details in the workouts list in both the dashboard and the profile page are messed up in narrower resolutions (see the | separator for cycling | distance | time, etc):

If you look at the same pages in a horizontally oriented device, it looks ok:

• Viewing the dashboard on mobile phone shows workouts first, stats afterwards, while on the profile page it shows the stats and chart first, then the list of workouts. IMHO it makes more sense to show the chart/stats first, as the list of workouts can be quite long

​

[borja]

Login background does not have proper size/width in mobile phones in vertical position

[borja]

Viewing the dashboard on a vertical oriented mobile phone shows workouts first, stats afterwards

[borja]

profile page shows stats first, workouts afterwards (mobile phone, vertical oriented)

[borja]

Login page, mobile phone horizontally oriented

[borja]

dashboard, mobile device horizontally oriented