Improve sidebar UX on mobile

[arildm]

The layout and interaction design heavily relies on a large screen:

• The submit button of the search form is at the bottom, and the form is (often) larger than the mobile screen, so the user might not find it
• The only feedback you get when submitting the search is the result list being updated, and on mobile this is often outside the viewport

[arildm]

A strategy:

• Define some routes/states as "main first" (others as "side first")
  • Search (/) with no search query: side first
  • Search (/) with a search query: main first
  • Work (/work/*, /special/*): main first
  • Thesaurus (/subjects) with no term query: side first
  • Thesaurus (/subjects) with a term query: main first
  • Term (/subjects/*): main first
• If main first, and if screen small: Collapse sidebar so that it only has a small logo and an expand button
• When expanded, restore the full sidebar