Diminuer les intervalles entre cartes

Bonjour,

Mon problème

au début j’avais fait ça :
mon 1er Dashboard, à l’arrache (je vous passe les détails de sa structure : j’ai honte


sauf que c’était pas évolutif, je ne pouvais rien positionner comme je voulais, bref pas top.
j’ai repris et j’ai fait ‹ propre › (enfin je pense) avec undashboar vide, des sections, avec des cartes et des badges et ça donne ça :

mais je ne comprends pas pourquoi (et ça me gache un peu l’affichage) les badges sont situés plus bas et pourquoi j’ai plus d’espace qu’avant entre eux et mes sections. Y a-t-il une astuce pour ‹ reserrer › l’ensemble ?
j’ai bien essayé avec un bout de code récupér sur le forum mis dans la carte météo
mais c’est pas top :

Citation
card_mod:
style: |
ha-card {
–ha-card-background: grey;
background: rgba(0, 0, 0, 0.2);
color: rgba(150, 255, 235,1);
padding: 2px; /* Réduit davantage la marge intérieure /
margin: 0px; /
Réduit la marge extérieure /
line-height: 0.9; /
Réduit la hauteur de ligne pour réduire la hauteur globale */
}

Ma configuration


[center]## System Information

version core-2026.4.4
installation_type Home Assistant OS
dev false
hassio true
docker true
container_arch aarch64
user root
virtualenv false
python_version 3.14.2
os_name Linux
os_version 6.12.75-haos-raspi
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
HACS Data ok
GitHub API Calls Remaining 4991
Installed Version 2.0.5
Stage running
Available Repositories 3006
Downloaded Repositories 30
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 17.2
update_channel stable
supervisor_version supervisor-2026.04.0
agent_version 1.8.1
docker_version 29.3.1
disk_total 117.3 GB
disk_used 9.3 GB
nameservers 192.168.1.1
healthy true
supported true
host_connectivity true
supervisor_connectivity true
ntp_synchronized true
virtualization
board rpi4-64
supervisor_api ok
version_api ok
installed_addons File editor (6.0.0), Samba share (12.6.1), ESPHome Device Builder (2026.4.3), Advanced SSH & Web Terminal (23.0.8), Linky (1.7.0), Mosquitto broker (7.1.0), Zigbee2MQTT (2.10.0-1)
Dashboards
dashboards 3
resources 18
views 11
mode storage
Network Configuration
adapters lo (disabled), end0 (enabled, default, auto), docker0 (disabled), hassio (disabled), vethc5c4b00 (disabled), veth3e10b9b (disabled), veth248601c (disabled), veth57def2b (disabled), vethe29ba5d (disabled), veth45df698 (disabled), veth4db4336 (disabled), veth3cc5ed8 (disabled)
ipv4_addresses lo (127.0.0.1/8), end0 (192.168.1.60/24), docker0 (172.30.232.1/23), hassio (172.30.32.1/23), vethc5c4b00 (), veth3e10b9b (), veth248601c (), veth57def2b (), vethe29ba5d (), veth45df698 (), veth4db4336 (), veth3cc5ed8 ()
ipv6_addresses lo (::1/128), end0 (fe80::1027:efc6:366:6498/64), docker0 (fe80::2017:8ff:fe5b:3616/64), hassio (fd0c:ac1e:2100::1/48, fe80::2091:23ff:fea0:58f8/64), vethc5c4b00 (fe80::d4e0:c2ff:fe6e:60b7/64), veth3e10b9b (fe80::487e:31ff:feee:7514/64), veth248601c (fe80::d000:a8ff:fe9f:1202/64), veth57def2b (fe80::b42f:45ff:fee1:8342/64), vethe29ba5d (fe80::7877:34ff:fe99:d820/64), veth45df698 (fe80::f885:ceff:fe0a:71dc/64), veth4db4336 (fe80::f0d9:c4ff:fe72:a0d1/64), veth3cc5ed8 (fe80::e847:b0ff:fee9:89c4/64)
announce_addresses 192.168.1.60, fe80::1027:efc6:366:6498
Recorder
oldest_recorder_run 20 avril 2026 à 12:59
current_recorder_run 2 mai 2026 à 12:20
estimated_db_size 186.85 MiB
database_engine sqlite
database_version 3.49.2

Salut,
Il faudrait montrer le code que tu utilises, comme ça pas facile à savoir.

j’utilise ces options dans mon thème, pour diminuer l’espace entre les carte et colonne:

  ha-view-sections-column-min-width: 460px
  ha-view-sections-column-max-width: 700px
  ha-view-sections-column-gap: 3px
  ha-view-sections-row-gap: 3px
  ha-section-grid-column-gap: 3px
  ha-section-grid-row-gap: 3px

sinon dans les options de la vue section, tu n’as pas cocher une des options ?

j’ai bien mis de nombre de sections à 3 et au vu de ton code dans ton thème ça semble être la solution (il doit bien y avoir une syntaxe pour les badges)… sauf que je ne sais pas me servir des thèmes.

une explication :

mobile.yaml :

mobile:
  ha-view-sections-column-min-width: 460px
  ha-view-sections-column-max-width: 700px
  ha-view-sections-column-gap: 3px
  ha-view-sections-row-gap: 3px
  ha-section-grid-column-gap: 3px
  ha-section-grid-row-gap: 3px
  modes:
      light: {}
      dark: {}

j’aurais du m’expliquer plus clairement ça t’aurait évité de perdre du temps : ce que tu me décris c’est ce que je sais faire… c’est ensuite que je ne sais plus : je sais créer « l’enveloppe » d’un thème c’est ‹ pour faire quoi ›, quoi y mettre et quoi en faire que j’ignore.
quoi mettre dans le thème ?
quelle est la bonne syntaxe ?
quel sera l’impact sur H.A.? global ou réservé à un dashboard ?

un thème est global pour tous les appareils, dashboard.

Juste ça suffira, après à toi de voir si tu veux customiser autre chose à inclure dans le thème.

un thème est global, je te crois mais c’est ça que je comprends pas :

Tu peux utiliser des thèmes différents par page.

Ok j’ai appliqué ton exemple : je ne sais pas trop quelles sont les bonnes valeurs à mettre mais, sur le principe ça marche. par contre je n’ai rien trouvé comme syntaxe qui permettrait d’agir sur l’espace entre le titre de la page et les badges et entre ceux-ci et les sections ?