UI - Interface jumps when filters are applied on Health screen

[halverson]

When filters are applied (or fully removed) on the Health screen, a box listing the number of filters and results appears/disappears near the top of the page, consequently causing all UI elements below that to jump around. This can be disorienting for users.

See video for example: https://www.loom.com/share/4c9657e42ca24ff2865f031394d97083

Potential solutions:

1. Have the "Filtered Checks" box persist in the view regardless of whether there are filters applied or not. If no filters are applied, the numbers could simply zero out.
2. Have the "Filtered Checks" box appear in line next to the "All Checks" box above it (both boxes become narrower) so that there is no vertical change in the layout. This would only work on wide enough screens.
3. Apply an animated transition between the states of "filters applied" and "no filters" so that at least a user can see the box appearing and follow where the other controls are going to end up, less sudden change.

[usmailaabdoul]

Hi @moshloop i want to pick this up, would you consider the first solution a good approach to the problem?, if so i would like to go ahead to implement that.

[moshloop]

@usmailaabdoul yes - this first solution is fine