Recommendations UI Framework

[adonahue]

As a PM, I have balsamiq mockups for how recommendations will fit into the the EDU dashboard UI, but these are not precise and to exact scale. I would like the basic UI of the framework to get implemented (w. dummy data and text) so that I can verify how much space I have for the display of recommendations and also that the network graph does not scale down to an unusable size.

Story Acceptance Criteria

• [x] UI implementation as specified in this mockup - wireframe: EDU Recommendations - https://drive.google.com/open?id=1uSoqdZEDtI0DR_urOweDE34U17tocSRW
• [x] Title should be "Riff Recommends"
• [x] There should be space to display up to three rec's at a time.
• [x] Rec text should be support 125 characters.
• [x] Rec's should support links.
• [x] Rec's should display an incomplete state (plus).
• [x] Rec's should display a complete state (green check).
• [x] Network graph nodes should still be legible.

[jaedoucette]

No questions from us on this.

[adonahue]

Testing STAGING, chrome / FF. Accepting story as is. Recommendations don't scale / wrap below a browser width of 1020. Will add that as an enhancement.