1 cap the search page and details pages content at max width of 960 px, then centered
2 details page will go to 2 cards wide on tablet, rather than 1 card wide
3 search page will loose the tab bar and have search results on left half of content area, then charts will stack vertically on right half of page
Landscape for iPhone6(+) and Nexus5 both causing 2 column layout on search results and horizontal scrolling. Details appears fine. Believe this is due to min width set on charts. Nexus7 in portrait mode is also whacky. May need to change breakpoint to gt-md?
On search, it appears that the results list is drawn to the DOM twice for both scenarios which may be costly. Could we refactor the approach so there is only a single result list and its parents container changes layout and then shows the sibling content next to it?
Responsive design:
1 cap the search page and details pages content at max width of 960 px, then centered 2 details page will go to 2 cards wide on tablet, rather than 1 card wide 3 search page will loose the tab bar and have search results on left half of content area, then charts will stack vertically on right half of page