This ticket is a follow up to T307463
Outstanding AC
[] Improved spacing between all the elements on the page.
- This includes the spacing from the edges of the screen and between columns and various elements on the screen. Right now both desktop and mobile needs to be adjusted.
[] The font sizes within the results are adjusted to give more hierarchy to the information: Article title > Snippet > Metadata
- The article title needs to be 16 px on desktop. Mobile fonts to be checked. (will update here once its checked.)
[] Ellipses are added at the end of snippets to indicate the omission of words from quoted material and to give user an indication that there is more to explore.
[] Desktop only: The new layout follows 12 column layout which leaves a fix amount of margin on both sides bringing content more to the centre of the screen and reducing the horizontal width of the page for better reading experience. A more detailed implementation of this will be covered in T312269