CSS needs cleaned up in lots of places

[matty22]

What is the current behavior?

---

There are some rough places around the app that need CSS cleanups.

What is the expected behavior?

---

The app looks clean and nice.

Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

---

List of known places that need some cleanup

• Create new survey modal
• Color of the Questions/Elements tab is using the primary color of the theme, but looks out of place
• Padding and colors in the question settings sidenav
• Padding/margin between answer options and ratings fields for select/radio/checkbox/grid questions
• The ng2-dnd library sets a default of cursor: pointer over dropable areas. For now I've removed that by setting cursor: auto !important in the stylesheet for that component. Need to find a way to get a normal cursor on hover without resorting to !important
• Grid/widths/flexes etc for the layout of the tool in general could use some attention.
• Some of the mat-toggle-groups are too wide in question settings sidenav. Specifically grid type toggle for grid questions