Make views add field scannable

Problem/Motivation

Too many options under configuration options for fields/ filters/contextual filters/ relationships: Participants feel “overwhelmed” when they see the long scrolling list of options. The problem gets worse because the participants do not necessarily see the “Search” option. This has multiple causes:

• The description text makes it significantly harder to scan, this because it visually creates two lines and creates highly variable rows.
• The description text often adds no additional information.
• The design has insufficient spacing, also decreasing readability - because its not a standard table design.
• The filter/search is awkwardly placed, causing them to be often missed.

The criticality of this issue is determined by the fact that this completely overwhelms users, to the point that they either start pogo-sticking or looking elsewhere. The overwhelming effect of Views has many parts, this is one of the very important contributors.

Proposed resolution

The solution is relatively meta, its attacking this problem on multiple axes. The most important issue, that this issue intends to solve is the fact that by not using tables and grouping information we are largely creating that overwhelming effect.

The main proposal is to turn it into a table and group the information:

Remaining tasks

<!-- See https://drupal.org/core-mentoring/novice-tasks for tips on identifying novice tasks. Delete or add "Novice" from the Novice? column in the table below as appropriate. Uncomment tasks as the issue advances. Update the Complete? column to indicate when they are done, and maybe reference the comment number where they were done. -->

User interface changes

• Changes div listing into table.
• Moves the search box into the top

before

after patch #91

Beta phase evaluation

<!--Uncomment the relevant rows for the issue. -->