Design tweaks to billable hours indicators

[adunkman]

A follow-up to #955 (comment), wanted to get this logged as an issue so we don’t lose it!

/cc @igorkorenfeld

[igorkorenfeld]

Capturing the conversation with @adunkman today:
The initial goal was to adjust the colors so the red circles didn't radiate against the blue, the alignment of the text labels above the circles was more balanced, and similarly that the "add item" button was aligned to something and didn't float in the blue field. An iteration that addressed these issues was this:

I heard additional feedback from the product design team that the two circles were confusing. Based on a suggestion to use text in place of graphics, I mocked up the following:

Pairing with @adunkman we talked about exploring a way to make hour sums less tabular, and putting less emphasis on the the warning about billable hours, since folks may not have much control over that, whereas they do have control over the total hours. Some iterations from that discussion:

Adding the billable count back in:

After our talk I was able to get it to work on one line, though I think the "under" language will need to be revisited (perhaps the longer, but clearer "12 hours under target")

[mgwalker]

Closing as stale, on the assumption that the need will resurface if it still exists.