"Card compressed" modification for mobile use

[AustraAnna]

Name of component
“Card compressed”

Description of the new modifier(s)
"Card compressed" for mobile use no shade, on selection blue line 7px on left appears - once the check box is ticked, card has no shade, no vertical borders - fill in till mobile edges similar as Jobs dashboard

Description of the new modifier(s) behaviour
Once the check box is ticked blue line 7px on left appears, card has no shade, no vertical borders, selection also gives stroke lines around the card

Are the purpose and function of the component the same?
Highlight the selected card, makes it very clear for the user which card is selected card

Add Screenshots / Mockups
https://www.figma.com/proto/Aj68S38ajHHDXV2E1fc8cI/Proteomes?node-id=52%3A2234&viewport=-3584%2C600%2C1&scaling=min-zoom

https://www.figma.com/file/Aj68S38ajHHDXV2E1fc8cI/Proteomes?node-id=52%3A2234

https://www.figma.com/file/y2dFVEbPJJXUxOw9LYSgqX/UniRef-NEW?node-id=27%3A0

https://www.figma.com/file/Aj68S38ajHHDXV2E1fc8cI/Proteomes?node-id=57%3A28

[xwatkins]

Duplicate of #126