Building details card collisions

[tomay]

Longer GHG gas readings lead to the following:

Card style like this could help?

    position: relative;
    font-size: 16px;
    min-width: 251px;
    width: auto;
    height: 100%;
    border: 2px solid #003DA5;
    border-radius: 10px;
    margin-right: 20px;
    padding: 14px 42px 0px 16px;

Needs more testing

Maybe we need to bring the measure below where it can collide with the corner icon?

┆Issue is synchronized with this Asana task

[tomay]

Current approach:

Differs somewhat from the design, but this will allow even longer numbers

[danrademacher]

• [x] Left align the lower arrow text to text above
• [x] Move icon to lower right corner
• [x] Balance vertical white space above and below

[danrademacher]

Looking good: