Collecting issues for mobile device compatibility

[minimops]

Following things behave non-ideal on a mobile device:

• the homepage cards are probably percent of something wide, so they are thinner than they need to be, especially when the tree is drawn below anyway.

• the homepage tree is quite small, but the button is relatively large and covers up part of the tree

• the navbar resource dropdown only seems to work sometimes

• on Haplogroups page, the search bars are tiny, as it tries to fit the whole lines of controls within one row.

[minimops]

• Representative Genomes table overdraws section for small screen sizes

[minimops]

Branch 'mobile-testing' used to iron out these issues.

Latest commit there addresses following issues:

• the cards are now full width when columns are below each other
• the tree is generally now 100% of its div so also bigger when drawn beneath the cards
• in mobile mode, the download button is not drawn over the tree - done by having two different buttons that are only visible in respective screen sizes
• The representatives tables gained the table-responsive class, which makes it horizontally scrollable

• For the haplogroups search, buttons are drawn above the search bars for smaller screen sizes, also handled with two buttons. The toggles wrap around automatically with a min-width setting. Looks okayish, okay for now.

  Can sofar not replicate the dropdown menu issues.

[minimops]

Tree controls in explore tree are too huge for mobile. Maybe just make different / hide-able controls for mobile.

[minimops]

commit bf15ac8 addresses the tree control issue but adding a toggle button to show/hide them on smaller screens.

[minimops]

merged mobile testing branch into fixes_v01 now