Dqt improvements

[marandmart]

Brief summary of changes

1. Updated Next Steps component to be more visually understandable

Open (old)

Closed (old)

Open (updated)

Closed (updated)

2. Updated and Reordered Icons on Recent Queries Panel

• Updated execute query and share query with more standardly used icons

Previously

Updated

3. Increased amount of space allocated to the Field Selection / Selected Fields section

Previously

Updated

4. Made large amounts of text on Selected Fields / Field Selection section not break into horizontal scrolling

Previously

Updated

5. Removed field that was selected by default

• In the local development environment it was causing a bug when clicking the sync fields checkbox and was breaking the page. It is not happening in demo.loris.ca/dataquery.

6. Updated placement of UI elements

• Removed redundant labels
• Updated the sync field label to make easier the understanding of what it does
• Updated Available Fields label to Select a Field to make more clear what the user needs to do
• Hid the previously named Default Visits dropdown field until the user clicks the Sync visit selection checkbox
• Height limited the Sync Visits selection box with a scrollbar so it won't take too much space when there are too many visits available
• Updated search box look to make it more distinct from the other selection fields
• Changed search box and add all / remove all button placement to better group them near the available fields and make their relation clearer
• Updated selected field list item so that visual elements won't clash together under certain screen sizes or depending on the amount of text.
• Height limited the visit selection with a scrollbar within a selected field list item in the field list so it won't take too much vertical space when there are too many visits available

Previously

Updated

Link(s) to related issue(s)

558: https://github.com/aces/CBIGR/issues/558