Problème d'affichage grille avec tuiles trop petites

Mon problème

Hello !

J’ai un soucis d’affichage avec mon grille pour le suivi des allergènes. Les espaces entre les carrées est beaucoup trop grand. Comment je peut améliorer ça :
image

Code :

 - type: grid
    cards:
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_risklevel
        style: null
        state:
          - value: 0
            color: '#44739E'
            icon: mdi:flower-pollen-outline
          - value: 1
            color: green
            icon: mdi:flower-pollen-outline
          - value: 2
            color: gold
            icon: mdi:flower-pollen-outline
          - value: 3
            color: red
            icon: mdi:flower-pollen-outline
        name: Risque Pollen
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_ambroisies
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:grass
          - value: faible
            color: green'
            icon: mdi:grass
          - value: moyen
            color: orange
            icon: mdi:grass
          - value: élevé
            color: red
            icon: mdi:grass
        name: Amboisie
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_armoise
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:grass
          - value: faible
            color: green'
            icon: mdi:grass
          - value: moyen
            color: orange
            icon: mdi:grass
          - value: élevé
            color: red
            icon: mdi:grass
        name: Armoise
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_aulne
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:grass
          - value: faible
            color: green'
            icon: mdi:grass
          - value: moyen
            color: orange
            icon: mdi:grass
          - value: élevé
            color: red
            icon: mdi:grass
        name: Aulnes
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_bouleau
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:tree-outline
          - value: faible
            color: green'
            icon: mdi:tree-outline
          - value: moyen
            color: orange
            icon: mdi:tree-outline
          - value: élevé
            color: red
            icon: mdi:tree-outline
        name: Bouleau
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_charme
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:tree-outline
          - value: faible
            color: green'
            icon: mdi:tree-outline
          - value: moyen
            color: orange
            icon: mdi:tree-outline
          - value: élevé
            color: red
            icon: mdi:tree-outline
        name: Charme
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_graminees
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:grass
          - value: faible
            color: green
            icon: mdi:grass
          - value: moyen
            color: orange
            icon: mdi:grass
          - value: élevé
            color: red
            icon: mdi:grass
        name: Graminées
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_peuplier
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:tree-outline
          - value: faible
            color: green'
            icon: mdi:tree-outline
          - value: moyen
            color: orange
            icon: mdi:tree-outline
          - value: élevé
            color: red
            icon: mdi:tree-outline
        name: Amboisie
      - show_name: true
        show_icon: true
        type: custom:button-card
        entity: sensor.pollens_29_urticacees
        style: null
        state:
          - value: nul
            color: '#44739E'
            icon: mdi:grass
          - value: faible
            color: green'
            icon: mdi:grass
          - value: moyen
            color: orange
            icon: mdi:grass
          - value: élevé
            color: red
            icon: mdi:grass
        name: Amboisie

Salut,
désactive l’option square: false:

  - type: grid
    square: false
    cards:

ou
en mode UI, faut décocher rendre les cartes sous forme carrés
image

Ah bien vu merci ! Je comprenais pas ce paramètre.

1 « J'aime »