There’s an issue with this when viewed on mobile… here’s what I see in ios:
The contents extend beyond the edge of the card. This is an iphone 11 pro
Solved the temperature breaking in two lines by using icons inside the button!
I am having same issue where the C is cut off. Can you show us the icons lines you place to fix this issue?
Update: After playing around with the settings, it fixed itself. I think I added an icon inside the button. After couple of refreshes, the temperature digits isn’t covered up any longer.
I have another issue. I want to create a button to turn on the heater. This is the settings in lovelace.
type: custom:mini-thermostat
name: Living Room
entity: climate.heater_lr_unit
layout:
preset_buttons:
- type: temperature
data:
temperature: 16
label: ECO
- type: service
entity: switch.turn_on
label: AC
data:
entity_id: switch.ac_lr_unit
- type: service
entity: switch.turn_on
label: Heater
data:
entity_id: switch.heater_lr_unit
This is the error I get when I turn them on.
https://ha.localdomain/local/custom_ui/mini-thermostat.js:39:1 Uncaught SyntaxError: Invalid or unexpected token
https://ha.localdomain/local/custom_ui/mini-thermostat.js:360:614 Uncaught TypeError: Found non-callable @@iterator
https://ha.localdomain/local/custom_ui/mini-thermostat.js:360:540 Uncaught TypeError: Found non-callable @@iterator
Same problem, arrows not showing. Can you paste the code you changed to fix?
tu devrait faire comme cela 
type: custom:mini-thermostat
name: Living Room
entity: climate.bureau
layout:
preset_buttons:
- type: hvac_mode
entity: set_hvac_mode
data:
hvac_mode: auto
entity_id: climate.bureau
label: Auto
- type: hvac_mode
entity: set_hvac_mode
data:
hvac_mode: off
entity_id: climate.bureau
label: off