Improve CSET UI

[jfrost-mo]

The current CSET user interface (UI) has a number of issues. This ticket tracks efforts to resolve them.

UI Issues

• Move Select Plot so it doesn't overlap plot #795
• Information on welcome screen:
  Models and configurations run, case dates, recipes selected.
• Information about data paths in main webpage #1196
• Start on plot page #1129
• Postage stamp view for previewing many available plots.
• Disable description by default #1130
• Include additional information in diagnostic description #1788
• The source model should be indicated in the produced plot #551
• Animate plot sequences #535
• Overlay/toggle between plots #302
• Interactive plots, e.g. toggling lines or extra info on click.
• Consistent Y axis length across line plots.
• Toggling with observations.
• Link sliders for side by side plots #552
• Plot title overlaps colorbar #815
• Transect information in title #811
• Case date information in menu item #932
• Postage stamp plot crowding of plot titles with many plots #368
• Same date appears on website for different cases #940
• Some variable names are long and end up overlapping on the website. #1131
• UI changes to website enabling case study as a sub category #1144
• Add faceted type-ahead search capability to CSET web interface #1713

Examples of visualisation UIs

• RES
• OVELAYS
• IMPROVER pages
• Dust monitoring pages
• ESMValTool output

[Fraetor]

Links in menu should be converted into larger click targets, so there isn't the unclickable space between them.

[jwarner8]

Feedback from Anne suggested might be useful if we can arrange plots alphabetically.