UI issues [Challenge Part 2]

[sandhiyakavi]

1. Overlay for time left has too much margin on right and bottom compared to design.
   right:
   
   Bottom:
   

2. The circles in the overlay for time left which aren't green should be grey like in design.
   

3. Overlay for time left should display above the description, not below if it will be clipped by the bottom of the browser.
   

4. Overlay for prize has too much margin on right compared to design.
   

5. The arrow in the overlay for prize should be centred with the total purse value, even if the overlay is wide.
   

6. Shouldn't display overlay for prize if total purse is zero, because the overlay is empty.
   

7. Also should display "$0" instead of "0" for purse to be consistent with other purse values.
   

8. Date shouldn't be clipped on right if range characters are wide.