An attempt to make the scoped smart_answers styles more explicit

Scoping means we can overide styles from static.
Making them more explicit reduces knock on effects from changes to
these classes from static.

I have added some comments to highlight some parts that I think could
do with refectoring

https://www.agileplannerapp.com/boards/105200/cards/6024
Looks like this might be changes the layout? Adding/removing padding rather than moving it around.