Placement d'un bouton sur une image

Entraide Home Assistant
1

bonjour,
J’ai une image de fond sur une carte « picture-element » et je voudrais mettre dessus un bouton rond qui représente une antité.
J’ai partiellement réussi mais mon bouton rond reste dans le coin inférieur gauche et meme en modifiant les paramètres il ne bouge pas…
Avez-vous une idée ?
Voici mon yaml:

`type: picture-elements
image: /local/fond-ecran/Vague.jpg
elements:
  - type: custom:button-card
    entity: sensor.temperature_salle_de_bain_temperature
    styles:
      card:
        - width: 150px
        - height: 100px
        - border-radius: 50%
        - background: >-
            linear-gradient(45deg, rgba(124,168,189,1) 0%, rgba(187,226,242,1)
            90%)
        - border: 3px solid rgba(0,0,0,0.4)
        - box-shadow: 6px 6px 4px rgba(255, 0, 0, 0.5)
      grid:
        - top: 50%
        - left: 50%
        - width: 100%
        - height: 100%
        - transform: translate(-50%, -50%)
    tap_action:
      action: non`

System Information

version core-2024.2.2
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.12.1
os_name Linux
os_version 6.1.63-haos-raspi
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 5000
Installed Version 1.34.0
Stage running
Available Repositories 1394
Downloaded Repositories 16
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 11.5
update_channel stable
supervisor_version supervisor-2024.02.0
agent_version 1.6.0
docker_version 24.0.7
disk_total 28.0 GB
disk_used 9.0 GB
healthy true
supported true
board yellow
supervisor_api ok
version_api ok
installed_addons Terminal & SSH (9.9.0), Z-Wave JS (0.4.4), Node-RED (17.0.7), Studio Code Server (5.15.0), Matter Server (5.1.2), Mosquitto broker (6.4.0), Z-Wave JS UI (3.4.0), Home Assistant Google Drive Backup (0.112.1)
Dashboards
dashboards 2
resources 11
views 18
mode storage
Recorder
oldest_recorder_run 13 février 2024 à 16:32
current_recorder_run 19 février 2024 à 18:50
estimated_db_size 265.00 MiB
database_engine sqlite
database_version 3.44.2
___
2

Essaie juste de mettre ça pour le style, ça doit mettre au milieu

    style:
      top: 50%
      left: 50%
3

Merci pour la réponse
Je les met où ces lignes ?

4

Bonjour,
En mettant ces lignes j’arrive à placer mon bouton dans le milieu mais impossible de le faire remonter, en variant le « top » je n’en vois que moitié …
Une idée ?