Cycle App Bootstraps for Mobile

[sandertyu]

On mobile devices and smaller screens in general, there are a few changes that need to be made in Bootstraps for it to display nicely.

• [ ] Navbar has 3 line menu option despite not containing any hyperlinks. Hyperlinks to parts of the page should be added, or more likely, the menu 3 line box should be removed entirely
• [ ] The eigenvalue slider displays in between the first datatable and the other two. The slider should move to be on top of all of the datatables with the other options
• [ ] Possibly center or reposition the reset button and plot display options alongside the eigenvalue slider for mobile devices? They work as is, but it could be nicer if they were neatly aligned.

Here is an image using inspect element for the iPhoneX. I didn't see the 3 bars on the navbar, but I'll take your word for it Jason.

[moorepants]

Here is the navbar menu in firefox on ubuntu:

[moorepants]

When in mobile size I think this should be the order of the stack of elements:

• title
• choose parameter set + dropdown
• geometry image
• check boxes for the center of mass and inertia ellipsoids
• eigenvalue plot
• eigenvalue y slider
• eigenvalue x slider
• large table
• two small tables side by side
• table reset button
• explanatory text