Style updates

[meghanhade]

Incorporating feedback from @souperneon.

[meghanhade]

• h1 should use default h1 size, use Mapzen red Style #1 (class = "red-text")
• "visualize public.." remove color, make h3
• Use round button corners on show stops/routes/operators
• Round all four corners on expanded selection
• Use lighter purple on selected option
• Remove white order in selection box
• Try making side panel more narrow, if possible
• Change "update results" to search? (note: decided against this.)
• Change default route line color
• Check on status of style guide tooltips
• Use the same markers as the isochrone demo, in scarlet 2 or purple 3
• Stops: use purple 3, dark purple 2 outline
• RSP stops: use scarlet 2

[meghanhade]

@souperneon I've made most of these changes. I haven't updated the default route line color yet--I need the color palette hex values to do that. When you have time, could you send those values, and take a look at the changes so far here: https://precog.mapzen.com/mapzen/mobility-explorer/style-updates. Thanks in advance!

[souperneon]

Looks great Meghan! Just realized the color values are in the styleguide! Doh
https://mapzen.com/common/styleguide/design-elements.html#colors

The unofficial ones here:

[souperneon]

Also, @louh told me the tooltips are enabled in the styleguide… we haven't added them to the wiki yet but they should be usable!

[louh]

We have very light documentation on tooltips here: https://mapzen.com/common/styleguide/js-components.html#tooltip

They are based on Bootstrap tooltips, so refer to Bootstrap docs for additional information.

What we're still missing from our styleguide is how we want to apply tooltips for Mapzen things. If you're using them right now, we can use what you've learned as a base to start from.