UI overhauling to accommodate Area fill between 2 lines

[pal-abhishek]

Child of #1020

As a user I want the ability to able to Area fill the section intersected by 2 lines, so that I can get valuable visual feedback by looking at the widget.

Acceptance Criteria:

1. The user would be asked to select a component which can be either (Line, Grid or Time Y axis). This is different from what we have at the moment.
2. Once the user has selected a line component then
3. The user should have the ability to add another line (Maximum 2 lines) on the same Track.
4. The user should also get an option to select the Area fill based on the 2 lines references.
5. In the case where the user has added 2 lines he should be asked to select the Area fill with reference to which line. (Line 1 or Line 2)
6. Once the user has selected the reference line he should then be able to select the Area fill for both (Left and Right)
7. In the case where the user has added 2 lines, the user would always have to give 2 colors with reference to the line.
8. In case if the user has selected a single line, then in that case he should be able to choose only 1 color for area fill which would be either left aligned or right aligned.

Refer the image below to visualize above. Or contact Abhishek Pal or Chauhan or Jayesh

https://drive.google.com/open?id=0B6Z6tlkIQkdjOGZoZXRQazZxVXB4V2tsVXVhQjlIczJnSmI0