# Anomalie affichage (ouverture/température)

**URL:** <https://community.gladysassistant.com/t/anomalie-affichage-ouverture-temperature/10779>\
**Category:** Configuration\
**Tags:** v5\
**Created:** [Septembre 1, 2026, 11:07 UTC](https://community.gladysassistant.com/t/anomalie-affichage-ouverture-temperature/10779 "2026-09-01T11:07:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![zedyxer](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/zedyxer/32/13458_2.png) [@zedyxer](https://community.gladysassistant.com/u/zedyxer)\
**Post date:** [Septembre 1, 2026, 11:07 UTC](https://community.gladysassistant.com/t/anomalie-affichage-ouverture-temperature/10779/1 "2026-09-01T11:07:29Z")

</div>

Bonjour

J’ai l’impression qu’il y a une anomalie sur les widget appareils, et notament pour les ouverture et températures sur la copie d’écran ci-dessous:

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/d/4/d4cd1f54faf18333d4b3e01dceeb54d271ace273.png)

On voit qu’il y a un décalage a droite pour les appareils de type température et ouverture.  
pour la cohérence graphique, tout aligner serait parfait 🙂

Merci a vous

Z.

---

<div class="post-metadata">

**Author:** ![valentinhttr](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/v/9de0a6/32.png) [@valentinhttr](https://community.gladysassistant.com/u/valentinhttr)\
**Post date:** [Septembre 2, 2026, 12:10 UTC](https://community.gladysassistant.com/t/anomalie-affichage-ouverture-temperature/10779/2 "2026-09-02T12:10:51Z")

</div>

Hello,

J’ai créé une PR : [fix(dashboard): align sensor device names by valentinhttr · Pull Request #3068 · GladysAssistant/Gladys · GitHub](https://github.com/GladysAssistant/Gladys/pull/3068)

La marge est corrigée uniquement dans le dashboard, car elle reste utile dans les autres affichages qui réutilisent ce composant.

---

<div class="post-metadata">

**Author:** ![cursor-bot](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/cursor-bot/32/22252_2.png) [@cursor-bot](https://community.gladysassistant.com/u/cursor-bot)\
**Post date:** [Septembre 4, 2026, 7:13 UTC](https://community.gladysassistant.com/t/anomalie-affichage-ouverture-temperature/10779/3 "2026-09-04T07:13:31Z")

</div>

Salut tout le monde !

Ce sujet est désormais **en cours de développement**.

Une PR a été ouverte pour aligner les noms des capteurs dans le widget appareils :

> <https://github.com/GladysAssistant/Gladys/pull/3069>
>
> \### Description
> 
> Alternative to #3068, which fixes the same misalignment with a …\`!important\` CSS override. This one removes the cause instead.
> 
> \*\*The cause.\*\* \`SensorDeviceFeature.jsx\` is the only feature component of the devices widget whose icon carries Bootstrap's \`mr-2\`:
> 
> \`\`\`jsx
> \<i class={\`mr-2 fe fe-${get(DeviceFeatureCategoriesIcon, \`${category}.${type}\`)}\`} /\>
> \`\`\`
> 
> The 25+ other rows — \`BinaryDeviceFeature\`, \`CoverDeviceFeature\`, \`SetpointDeviceFeature\`, the mode selects, the light row — all render a bare \`fe fe-\*\`. The class predates the Horizon theme by years (it is already there in #1756).
> 
> \*\*Why it only shows now.\*\* In a regular table the icon column is shared by every row, so the 8px went into the common column width: icons and names still lined up, the margin was simply invisible. The Horizon widget sets \`.device-widget-table tr { display: flex }\`, so each row became its own flex container — and the margin then enlarged the icon cell of read-only sensor rows only, pushing \*temperature\*, \*door\*, \*hatch\* 8px right while every other row stayed put.
> 
> \*\*Why remove the class rather than cancel it.\*\* Bootstrap's spacing utilities are \`!important\`, so a CSS answer has to reply with \`!important\` of its own, in a rule that duplicates the badge selector already defined ~100 lines above in \`style.css\`. And because the fix is necessarily scoped to \`.device-widget-table\`, the same 8px offset would come back in any other flex or grid layout that reuses these rows. Deleting one legacy token fixes it once, for every consumer, with no \`!important\` anywhere.
> 
> Changed:
> 
> \- \`SensorDeviceFeature.jsx\` — drop \`mr-2\` from the sensor row icon.
> \- \`SensorRowFeaturePreview.jsx\` — the MQTT catalog preview duplicates the same markup on purpose, so it is kept in sync; otherwise the preview stops showing what the widget actually renders.
> \- The \`style.css\` section comment and the dashboard spec both claimed the Horizon device-list restyle was CSS-only with the feature components' markup untouched. Both now record this one exception, per the spec-truthfulness rule in \`AGENTS.md\`.
> 
> No visual change other than the intended one: the read-only sensor row now starts its name exactly where every other row does.
> 
> \## Forum
> 
> Forum: https://community.gladysassistant.com/t/anomalie-affichage-ouverture-temperature/10779
> 
> \### Checklist
> 
> \- \[x\] Tests pass — no server change, so no server test/coverage impact. Cypress was not run: there is no pixel or layout assertion covering these rows, and the Cypress binary could not be installed in this environment (corrupted download from \`download.cypress.io\`).
> \- \[x\] Linter and prettier pass on the front: \`npm run prettier-check\` clean, \`npm run eslint\` 0 errors (187 pre-existing warnings), \`npm run compare-translations\` clean, \`npm run build\` succeeds.
> \- \[x\] No undocumented breaking change.
> 
> 🤖 Generated with \[Claude Code\](https://claude.com/claude-code)
> 
> https://claude.ai/code/session\_01MaxnD9wUM5YB4ZniChCXvy
> 
> \---
> \_Generated by \[Claude Code\](https://claude.ai/code/session\_01MaxnD9wUM5YB4ZniChCXvy)\_
> 
> 
> 
> \## Summary by CodeRabbit
> 
> \- \*\*Bug Fixes\*\*
> - Corrected spacing around read-only sensor icons in device lists and previews.
> - Sensor names and icons now align consistently with other device feature rows, including flexible layouts.
> 
> \- \*\*Documentation\*\*
> - Updated dashboard layout documentation to reflect the sensor icon spacing adjustment.

N’hésitez pas à suivre la PR, à tester (optionnel, surtout pour les petites demandes) et à faire vos retours ici si besoin.
