Note preview popup interaction

I'm bundling several suggestions into one issue as they all relate to the interactions surrounding the note preview popup:

• Persistent blue selected state for the "eye" icon
• Note preview popup is responsive to height of window
• Positioning of note preview popup should be based on available space above or below the relevant note template icon.

View mockups below for reference.

![deliv_1](https://user-images.githubusercontent.com/14914454/63894333-5c3b4900-c9ba-11e9-832c-66c490e29f08.png)
![deliv_2](https://user-images.githubusercontent.com/14914454/63894338-5e9da300-c9ba-11e9-8700-3b50d951e474.png)
![deliv_3](https://user-images.githubusercontent.com/14914454/63894340-5fced000-c9ba-11e9-9706-aedb05afbb52.png)
![deliv_4](https://user-images.githubusercontent.com/14914454/63894345-62312a00-c9ba-11e9-9c64-e6768190faa7.png)
![deliv_5](https://user-images.githubusercontent.com/14914454/63894347-64938400-c9ba-11e9-8d4c-51554cd0b6c4.png)


Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Note preview popup interaction #755

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Note preview popup interaction #755

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions