Quarto dashboard alignment of content in value boxes

[mcanouil]

The CSS could be improved to ensure the icons are aligned.

Input

Output

--- title: "Quarto Playground" format: dashboard --- ## Row ::: {.valuebox icon="pencil" color="blue"} Articles per day 12 articles ::: ::: {.valuebox icon="pencil" color="green"} Articles per month 60 articles per month but not per day ::: ::: {.valuebox icon="pencil" color="yellow"} Articles per day 150 articles ::: ::: {.valuebox icon="pencil" color="yellow"} Articles per day 150 articles ::: ::: {.valuebox icon="pencil" color="yellow"} Articles per day 150 articles ::: ::: {.valuebox icon="pencil" color="yellow"} Articles per day 150 articles ::: ::: {.valuebox icon="pencil" color="yellow"} Articles per day 150 articles :::

Discussed in #10505

^{Originally posted by xueyinghan August 13, 2024}

Description

Would it be possible to have a feature for the value boxes when creating Quarto dashboards so that the top and bottom align and the content inside the value boxes re-size automatically or to re-size the content without using CSS?

For instance, the medal icon for United States is higher in the rendered dashboard because United States takes up 2 lines: