Advocacy site: updates to map & info box.

[breville]

advocacy.code.org

no state selected

wide page (narrow box)

narrow page (wide box)

code.org/promote

no state selected

wide page (narrow box)

narrow page (wide box)

Also some content changes to the four quarter slots on http://advocacy.code.org

[tanyaparker]

Some thoughts

• What do you think about making the state's name in the box teal too? So we don't have green/yet another color? Then you could change the /promote highlight color to teal to keep the highlight and title color the same on /promote too.
• I don't think the x and check icons need to be so big. But we can try it. Why not.
• The orange buttons look so tall. Do you think they need that much padding?
• Feels like the 3 policies should be centered on the narrow page, wide box too.

[tanyaparker]

Can you include screenshot of the box before a state is selected?

[Erin007]

teeny tiny nit: space between font-size and 15px

[breville]

Fortunately that is being removed :)

[Erin007]

Code changes look good.

[breville]

• colours updated per offline discussion.
• :)
• reduced them in size; big size came from earlier responsive explorations.
• got them centering, though at the expense of fixing the width of that set of options. Unfortunately, CSS doesn't let you have the width of a parent and a child depend on each other, which is what I really wanted: a child that would maximise its width unless constrained by a parent, but also a parent that would constrain its width to that of its child so that it could be then centered. Fortunately, most viewers will probably see this at desktop width, in which case the hardcoded narrow width should be fine.

[tanyaparker]

Screenshots LGTM - thanks!