Card-mod - losing descenders - how to change row height?

Share your Projects! Dashboards & Frontend
1

Hopefully a simple one to someone who knows! I’m losing the descenders on the letters p and y on this card so I think I need to change the row height. I’ve read through loads of posts and tried lots of things but I still can’t figure it out. (Sorry, I’m not good at CSS type things!)
This is my lovelace card:

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: sensor.wupws_temp
      - entity: sensor.outside_side_door
      - entity: sensor.kitchen
      - entity: sensor.velux_sensor_temperature
      - entity: sensor.bedroom
      - entity: binary_sensor.gates
      - entity: switch.gate
        name: Open/close the Gates
      - entity: cover.velux_window
      - entity: cover.velux_window_3
      - entity: cover.velux_window_2
      - entity: script.sunny_day
      - entity: script.close_blinds_kitchen_halfway
        name: Kitchen blinds halfway
    card_mod:
      style: |
        ha-card {
          font-size: 26px;
          }

This is what it looks like:

image
image467×603 26.6 KB

How can I fix this please?

2

Loosing them since font-size is too large, letters are clipped inside low rows.
Either to reduce a font-size or increase a rows height.
See, anyway font size is different on your card - compare entities’ names & “Run” buttons.

4

Thanks. Yes, this dashboard is for a wall-mounted tablet so I want the letters to be large for visibility.
Could you help me with the exact syntax for increasing the row height?

5

  1. Companion App (at least for iOS) allows to scale UI - including font-size.
    Check settings in the App.

  2. Same as for a browser if you are using it as a client - you may scale a page.
    (imho not always working correctly)

  3. It is possible to manage rows’ height (as well as margins between them) - go to the dedicated card-mod thread → 1st post → link at the bottom → find a “How to manage a row’s height” (called smth like this) para.

Better to discuss similar issues in that thread instead of creating new threads (easier to find info + other people may join).
For details please continue this discussion there.