Fix the user page and filter-related UI issues on mobile.

Review Request #7545 — Created July 25, 2015 and submitted — Latest diff uploaded

Information

Review Board
release-2.5.x

Reviewers

The user page's tabs weren't flush with the datagrid, due to the filter
wrapping below it on mobile. This created a pretty nasty look, and it
wasn't the only place the filters were messing up the display on mobile
(depending on the mobile device).

A couple things were done to address this:

1. The tabs for the user page no longer include the username in the
   tab title (since that can be inferred from the page), saving
   precious room, especially with long usernames.

2. The filters are now kept in a menu, activated when clicking a filter
   icon. This icon docks to the right of the datagrid title area. When
   clicking, a menu pops up with a little fade-in animation, offering
   the possible filters on the page. (We may want to move to this
   later for desktop as well.)

While fixing this, I ended up creating a base template for datagrids
that handled tabs and filters in a consistent manner.

Tested in iPhone 4/6 screen sizes, and on desktop. The filters all worked,
and the user page was viewable at all screen sizes.