Brake line inside horizontal-stack with custom: button-cards

Ildar_Gabdullin · November 26, 2025, 1:38am

Testing in 2025.11.3, card-mod 3.4.6 with same code.
It still gives same result as when it was posted.

With card-mod 4.0.0 it looks differently, a border & background are added to mod-card which is wrong:

Of course, with 4.0.0 you may apply card-mod directly to vertical-stack (i.e. w/o mod-card) as was described in Release notes (a recommended way if you write a code anew):

type: horizontal-stack
cards:
  - ...
card_mod:
  style: |
    div#root {
      flex-wrap: wrap;
      justify-content: center;
    }
    div#root > * > :first-child {
      min-width: 50px;
      max-width: 50px;
    }

But, as I said earlier, old styles with mod-card should keep working.
Why mod-card got a border & background in 4.0.0 - I will ask in the main card-mod thread.

Also (might be useful), if you need to allocate buttons in a special way like this:

consider this simple way.