Alignment broken in 0.117

[philhawthorne]

There are changes in 0.117 which makes the alignment of the secondary text in vertical buttons broken.

[KTibow]

Card-mod markdown broke again? Try asking on the forum of card-mod.

[philhawthorne]

Card-mod markdown broke again?

No. Soft UI does some pretty neat tricks with CSS, which will need to be updated when the next release comes out, like we've had to do in the past

[KTibow]

It uses CSS in order to style it with card-mod. That's why I recommend asking over there.

[ASNNetworks]

It’s due to markdown card styling in HA 117. See my ticket: home-assistant/frontend#7578

I asked around on the forum without luck, so decided to create a ticket in hopes of a more permanent solution.

[philhawthorne]

Thanks @ASNNetworks

I've subscribed to that issue as well, let's see what comes out

[K-RAD]

Someone suggested using this:

content: |
  # Big text
  ## Small text
style:
  .: |
    ha-card {
      --ha-card-background: none !important;
      box-shadow: none !important;
      margin-top: 15px;
    }
  ha-markdown:
    $: |
      ha-markdown-element {
        letter-spacing: 0;
      }
      h1 {
        font-size: 20px !important;
        margin-bottom:5px;
      }
      h2 {
        font-size: 15px !important;
        margin-top:0;
        opacity: 1;
      }
type: markdown

[qiz-li]

Thanks @K-RAD, works great! I've updated the card configs 422d5cf, issue seems to be fixed now.