Card does not scale properly

[tallen-harper]

When nested in a horizontal stack in particular, the gauge does not scale correctly taking up the full horizontal width of the outer card instead of scaling to fit the inner card:

[offbyone]

Urk. Yep, I've seen this too; I'm using it in a grid and the same problem:

[trentjw]

same issue with me as well

[igorsantos07]

This could be partially mitigated if you use viewport units together with card_mod:

card_mod:
  style: |
    .gauge-dual-card {
      --gauge-card-width: 14vw
    }

This could be easily implemented in the card by checking if cardwidth is a number - if so, use as pixels, otherwise, use raw (expecting the unit to come after it). A regex could be used to further validate this: /^\d+\w{1,4}$/.

It's still not the best result, as it gets out of proportion and text may get way too small, but at least it's not unreadable as in your screenshot (and my dashboard haha).