Problem
The Query Builder tool was originally designed following WiKit's grid system. With the creation of Codex, a new set of standard grids were introduced and, with them, some differences in spacing and margins that we now need to resolve.
Solution
The Query Builder UI will need to be adjusted as follows (please see specs for details):
- Update the device breakpoint values
- Adjust the page margins according to each breakpoint
- Adjust the max-width value of the intro paragraph
Considerations
Files where breakpoint tokens or variables are used (please beware the list might be incomplete!):
Acceptance criteria
- The Query Builder's layout is adjusted to follow the new Codex grid system