Change Details

#####Problem The Mismatch finder tool was originally designed following WiKit's grid system and breakpoints. With the creation of Codex, a new set of standard grids and breakpoints were introduced and, with them, some differences in spacing and margins that we now need to resolve. #####Solution In both the home and the results views of the Mismatch finder, we'll need to (please see specs for details): - Apply new max-width values to paragraphs and page content - Replace WiKit breakpoint values by Codex's - Adjust the page (and header and footer) margins according to each breakpoint - Improve the placement of the "Random mismatches" button on mobile: its placement should change when a spacing of 1.5em cannot be maintained between the TextArea label and the button in narrower screens | [[ https://www.figma.com/file/ZUdkxlbZCSHoluhVrjANSE/WiKit-to-Codex-Migration?type=design&node-id=242-12678&mode=design&t=jIJQyYqG06K2zsU7-0 | Specifications are available in Figma ]] | Please note that all specs indicate needed changes exclusively. #####Acceptance criteria [] The Mismatch Finder's layout is adjusted to follow the new Codex grid system [] Mismatch Finder use Codex's breakpoints

#####Problem The Mismatch finder tool was originally designed following WiKit's grid system and breakpoints. With the creation of Codex, a new set of standard grids and breakpoints were introduced and, with them, some differences in spacing and margins that we now need to resolve. #####Solution In both the home and the results views of the Mismatch finder, we'll need to (please see specs for details): - Apply new max-width values to paragraphs and page content - Replace WiKit breakpoint values by Codex's - Adjust the page (and header and footer) margins according to each breakpoint - Improve the placement of the "Random mismatches" button on mobile: its placement should change when a spacing of 1.5em cannot be maintained between the TextArea label and the button in narrower screens | [[ https://www.figma.com/file/ZUdkxlbZCSHoluhVrjANSE/WiKit-to-Codex-Migration?type=design&node-id=242-12678&mode=design&t=jIJQyYqG06K2zsU7-0 | Specifications are available in Figma ]] | Please note that all specs indicate needed changes exclusively. #####Acceptance criteria [] The Mismatch Finder's layout is adjusted to follow the new Codex grid system [] Mismatch Finder uses Codex's breakpoints

#####Problem The Mismatch finder tool was originally designed following WiKit's grid system and breakpoints. With the creation of Codex, a new set of standard grids and breakpoints were introduced and, with them, some differences in spacing and margins that we now need to resolve. #####Solution In both the home and the results views of the Mismatch finder, we'll need to (please see specs for details): - Apply new max-width values to paragraphs and page content - Replace WiKit breakpoint values by Codex's - Adjust the page (and header and footer) margins according to each breakpoint - Improve the placement of the "Random mismatches" button on mobile: its placement should change when a spacing of 1.5em cannot be maintained between the TextArea label and the button in narrower screens | [[ https://www.figma.com/file/ZUdkxlbZCSHoluhVrjANSE/WiKit-to-Codex-Migration?type=design&node-id=242-12678&mode=design&t=jIJQyYqG06K2zsU7-0 | Specifications are available in Figma ]] | Please note that all specs indicate needed changes exclusively. #####Acceptance criteria [] The Mismatch Finder's layout is adjusted to follow the new Codex grid system [] Mismatch Finder uses Codex's breakpoints