Problème de mise en page sur carte mushroom entity

Entraide Home Assistant
1

Bonjour a tous…
Je débute dans HA, et j’ ai encore des problème de syntaxe que je ne maîtrise apparemment pas encore… :frowning:

226
2261200×1920 486 KB

Je souhaiterais que les 2 lignes d écriture soit centrées dans la carte, mais je n’ y arrive pas… Si quelqu un peu m aider…

Par la suite, ayant agrandi la taille des caractères, j’ aimerais que la ligne du bas s’ affiche correctement…
Enfin, j aimerais qu au lieu qu il soit écrit « dans 49 minutes » comme me l envoi mon sensor.next.timer, cela soit converti au format « HH:MM »

Si quelqu’un peut m aider, merci d’ avance…

Voici mes lignes de code :

type: conditional
conditions: []
card:
  type: custom:mushroom-entity-card
  entity: sensor.echo_dot_max_sebastien_next_timer
  name: Minuteur Echo Dot Max - Cuisine
  icon: mdi:timer-sand
  icon_color: blue
  fill_container: false
  primary_info: name
  secondary_info: state
  layout: horizontal
  card_mod:
    style: |
      ha-card {
        height: 110px !important;
        --card-primary-font-size: px;
        --card-secondary-font-size: 30px;
      } 
      mushroom-shape-icon {
        --shape-color: none !important;
        --shape-color-disabled: transparent !important;
        --icon-symbol-size: 50px;
        margin: 1px !important;
      }
      .container {
        align-items: end;
      }

        
grid_options:
  columns: 12
  rows: 2
2

Bonjour,
voici un exemple poiur centrer le texte et améliorer la deuxième ligne en taille.

image
image1022×668 28.9 KB

type: conditional
conditions: []
card:
  type: custom:mushroom-entity-card
  entity: timer.climate_salon
  name: Minuteur Echo Dot Max - Cuisine
  icon: mdi:timer-sand
  icon_color: blue
  fill_container: false
  primary_info: name
  secondary_info: state
  layout: horizontal
  card_mod:
    style:
      mushroom-state-info $: |
        .container {
          align-items: center;
        } 
      .: |
        ha-card {
          height: 110px !important;
          --card-primary-font-size: px;
          --card-secondary-font-size: 30px;
          --card-secondary-line-height: 30px;
        } 
        mushroom-shape-icon {
          --shape-color: none !important;
          --shape-color-disabled: transparent !important;
          --icon-symbol-size: 50px;
          margin: 1px !important;
        }