Implement new center detail page

[smarziano]

The design for the center detail page is completed via issue #823. The biggest change to this design is to remove the colors associated with the X and checkmarks next to the Ages served.

[smarziano]

Here is the design for the mobile center detail page:

Some notes about this design that should also be represented in the desktop version:

• We are removing the "Share" button
• We are not going to show the site's URL
• Make the grey (?) icon darker
• Do not show the X and checkmark symbol next to the ages served field

[smarziano]

Here are changes that need to be made on the mobile center detail page:

• Update font sizes at the top of the page @amynicole
• Update button sizes @amynicole
• Add "Back to results" link at top as seen in mobile design
• Change "Location website" to "View website >"
• Switch "Get Directions" button with "View on Map" button
• Change order of buttons to "View on Map" then "Compare Location" then "Apply Today!"
• Check spacing between sections @amynicole
• Add grey line to separate "Duration and Hours" and "Program Information" sections >>> Mobile: Add missing grey lines to separate sections on center detail page #901
• Add grey line to separate "Accreditation" and "Quality Rating" sections >>> Mobile: Add missing grey lines to separate sections on center detail page #901
• Utilize shortened accreditation and quality rating content seen in design
• Do not show "Accreditation" block when a site is not nationally accredited (we do this currently on the live site)
• Make the quality rating (Gold, Silver, Bronze, Licensed) more obvious. Right now it's getting hidden with all of the other text. @amynicole might have ideas

[theandrewbriggs]

Switch "Get Directions" button with "View on Map" button

Do we want the "Get Directions" button on Desktop (or both?), distinct from View on Map?

[smarziano]

@theandrewbriggs I want only the "Get Directions" button on desktop, and (only) "View on Map" on mobile.

[amynicole]

Mobile Notes:

@theandrewbriggs On this page, I'd like for us to use the standard height buttons.

For the telephone and website links, let's make them 16px font.

It also looks like there's an extra space between Duration and Program information, and between Accreditation and Quality Rating.

[amynicole]

For the quality ratings, can we try them in bold?