Viet Ngoc

This is not a bug, use helpers to format datetime.. https://github.com/custom-cards/button-card?tab=readme-ov-file#javascript-templates 

Can you show me the state via dev tools template? 

@Ainndy use correct template .. ``` {{ states.sensor.uptime.state }} ``` change with your sensor entity..

I know, but you have to know what its state shows.. use this in template and send screen.. ``` {{ states.sensor.water_server_uptime_sensor.state }} ```

Ok, so it's not a date time object... how do you have the button-card set?

use this to change the state to format d:h, its just calculated to total whole day and hours.. ``` state_display: > [[[ let days = entity.state; const wholeDays = Math.floor(days);...

Remove the horizontal-stack, put buttons to grid? ``` square: false type: grid cards: - type: custom:button-card entity: sun.sun - type: custom:button-card entity: sun.sun columns: 2 ```

> square: false > type: grid > cards: > - square: true > type: grid > cards: why? Use single grid to buttons, not grid in grid.

I'm posting from the [forum](https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594/5980) in case someone has a similar problem and search here on github. ``` type: custom:button-card icon: mdi:menu show_name: false tap_action: toggle_menu: | [[[ this.dispatchEvent(new Event('hass-toggle-menu',...

`aspect_ratio: 1/1` ```yaml - type: grid square: true columns: 3 cards: - &test_btn type: custom:button-card show_name: true show_icon: true aspect_ratio: 1/1 entity: binary_sensor.developer name: Status show_state: false styles: card: -...