Custom:button-card with secondary info

Hi,

What I wanted first is to have a button with a timer info for an AC burst (Button click set AC at max for an hour)

Timers as secondary infos doesn’t work properly.

So I’d like some feedback, maybe more integration with button-card, but here’s my temporary solutions:

              - type: custom:button-card
                entity: script.script_clim_chambre_cool_temp_turbo
                show_name: true
                show_icon: true
                tap_action:
                  action: toggle
                  confirmation: true
                show_state: true
                triggers_update: timer.clim_chambre_auto_temp_turbo
                styles:
                  custom_fields:
                    secondary:
                      - position: absolute
                      - right: 0%
                      - top: 0%
                      - font-size: 0.5em
                custom_fields:
                  secondary:
                    card:
                      type: entities
                      entities:
                        - entity: timer.clim_chambre_auto_temp_turbo
                      card_mod:
                        style:
                          hui-timer-entity-row$hui-generic-entity-row$: |
                            state-badge {
                              display: none !important;
                            }
                            .info {
                              display: none !important;
                            }
                          style: |
                            .card-content {
                              padding: .5em .5em .5em .5em;
                            }                        

Another example for a power plug, displaying a small current power:

                styles:
                  custom_fields:
                    secondary:
                      - position: absolute
                      - right: 0%
                      - top: 0%
                      - font-size: 0.5em
                custom_fields:
                  secondary:
                    card:
                      type: entities
                      entities:
                        - entity: sensor.prise_laverie_electricity_power
                      card_mod:
                        style:
                          hui-sensor-entity-row$hui-generic-entity-row$: |
                            state-badge {
                              display: none !important;
                            }
                            .info {
                              display: none !important;
                            }
                          style: |
                            .card-content {
                              padding: .5em .5em .5em .5em;
                            }                        

image

Samples.

I use the Custom Button Card (GitHub - custom-cards/button-card: ❇️ Lovelace button-card for home assistant)
Especially the Custom Field would be interesting for you.
In the example video on the home page it shows a red or green circle, but i have a counter instead for my boost on my thermostats.

I’m using custom_fields, but the problem is to have the correct card_mod and style.

I am not sure I understand that problem?