Styling the page - map - locations and rhythm codes

[TianshengC]

icon, rhythm code, rhythm list, clickable rhythms

When the mouse hovers over the location icon, the rhythm code and list should appear. When the rhythm is clicked, the modal will be displayed.

[mferryRV]

NOTE: This issue may be dependent on #16 and #22

We will be updating the UI of our application to match this Figma design on page "Prototype web".

To accomplish this, we need to modify our MapIcon components to represent Rhythm Codes and their Rhythms. The visual icon should have:

• An icon (download from Figma)
• The rhythm code in Roboto Bold 16, #CB3100
• A list of rhythms in Roboto Regular 16, #CB3100
• Flexbox styling

To see the styling information for the page, activate Figma's Dev Mode in the top righthand corner:

This design is desktop-first, so we will review mobile designs later in the week.