visual updates to "my riffs"

[adonahue]

As the CEO, I want a quick an easy way to give demos of Riff, and have our product look simple and professional. I'd like to make the following changes to the My Riffs page. A mockup of the changes can be seen here (Wireframe: "my riffs"; Official version): https://balsamiq-wireframes.appspot.com/?state={%22action%22:%22open%22,%22ids%22:[%221mGW0wxD7_7hzQ45EA6AYL2WDp06tRq8H%22],%22userId%22:%22115623783603948978633%22}

Story Acceptance Criteria

Page

• [x] Change the top level title to "Your Conversations"
• [x] Add the following text about the page, below the page title: "High-functioning teams allow everyone to contribute. Use Riff video metrics to see how your team interacts, and change conversational behaviors that aren't working."
• [x] Change the meeting info font size and ordering above the meeting metrics. The Meeting Name should be displayed first, and below that the date, time, duration and #of attendees (see mockup).

Metrics

• [x] Remove purple wave and background from the timeline.
• [x] Stretch the length of the timeline so that it matches the combined width of the three graphics above it.
• [x] Reduce the white space on the right and left sides of the timeline.
• [x] Improve readability of of metrics axis and labels; make darker, and larger if possible on the timeline.
• [x] Remove the extra space at the top of the tool tip on the influence graphs. (If this is intractable, it can be dropped).
• [x] Metrics should scale down to a page width of 1024.

Navigation

• [x] Replace the "today" button with the text: "Meetings". Top-align the "Meeting" text with the page description below the title.

For each meeting in the meeting list display the following information:

• [ ] {Room Name} (If room name is too long, add ellipses for the cut-off characters.)
• [x] {mm/dd/yy}; {hh:mm am / pm} (values for meeting date and start time)

[jaedoucette]

We assume this is about changes to riffplatform, but want to confirm that it is about that, and not about EDU.

[jaedoucette]

All of this is just on RiffPlatform.

[adonahue]

I have a little redesign work to do on this story based on developer feedback - namely taking attendees out of the navigation). Also while this is probably the highest priority in terms of visual changes for the beta site, it will potentially collide with the dashboard packaging work @mlippert is doing in sprint 12, and that will need to be coordinated with @brecriffs if he picks up this story.

[adonahue]

Verified in Chrome. For long meeting names, meeting navigation scrolls to accommodate long meeting names. Accepting as implemented.