[FR] Reducing the dead space between the header and state (and between the state and graph)

[Nickduino]

Here is a side-by-side of HA's default graph: line and the mini-graph-card with a grid size of 2*2. For the mini-graph-card, I matched the state size to the graph: line and reduced the height of the graph until it matched the total height of the graph: line:

I love the ability to use dynamic colors and multiple entities of your card but you can see the graph doesn't show nearly as much information (It's the same data but the scale "hides" information) in my use case.

I counted the pixels and your dead space is about double the one from graph: line:

I checked the space between the header and the state for HA's default graph: line on different card sizes, it's always 15 pixels. As for the space between the state and the graph, it will sometimes overlay the line on top of the state (which I find ok):

Could you consider reducing the dead space? 15 pixels between the header and the state seems very reasonable (i.e. aesthetically pleasing and offering a good information density).

[Head]

This was also requested in #176 and #699

I did mine like this:

height: 200
line_width: 1
card_mod:
  style: |
    ha-card {
      padding: 0 !important;
    }
    div.graph {
      margin-top: -35%;
    }
    .header {
      padding: 5px 10px;
    }

to be able to get sth like this:

Though now the clickable area is broken and it flickers/resizes on load.
Would be nice to have this as an option or get the correct card_mod hacks.