[solved with the tile card] Smaller thermostat card?

[Nick4 (Nick)]

Searched, tried but didn’t find what I want.

I have a smart plug with electric heater configured as climate (helper), so far so good.
Using this in the Thermostat card works as expected, so that’s OK as well.

But… the card is too big for my liking!
I found the custom Simple thermostat card but that’s the same somehow.
I also tried it in the new Sections view so that I could resize them, no good either…

Is there another way to have a smaller card with

• current temp
• requested temp
• a way to set the temp

[Neil_Brownlee]

You could try the Mushroom climate card.

[Tadies]

type: custom:mushroom-climate-card
entity: climate.tstat_f8cf07_t6_thermostat
name: Centrale Verwarming
hvac_modes:
  - 'off'
show_temperature_control: true
collapsible_controls: true
icon_type: entity-picture
icon: mdi:fire
fill_container: true
layout: horizontal
card_mod:
  style:
    mushroom-climate-temperature-control$:
      mushroom-input-number$: |
        .button:nth-child(1) {
          --control-icon-size: 15px;
        }
        .button:nth-child(3) {
          --control-icon-size: 15px;
        }
        .value {
          font-size: 12px;
          color: lime !important;
        } 
        #container {
          height: 20px !important;
          margin-top: 10px !important;
        }
    mushroom-climate-hvac-modes-control$:
      mushroom-button:nth-child(1)$: |
        .button {
        #--card-mod-icon: mdi:test-tube;
        height: 30px !important;
        margin-top: 2px !important;
        }
    mushroom-shape-icon$: |
      .shape {
        --icon-symbol-size: 35px;
        background: none !important;
      }  
    mushroom-badge-icon$: |
      .badge {
        --badge-icon-size: 15px;
        margin-top: 3px;
        background: none !important;
      }
    mushroom-button$: |
      .button {
        --card-mod-icon: mdi:fire;
        height: 30px !important;
        margin-top: 2px !important;
      }
    mushroom-state-info$: |
      .container {
        #--card-primary-color: blue;
        #--card-secondary-color: orange;
      }          
    .: |
      ha-card {     
        height: 40px !important;
        padding-top: 5px !important;
      }

That small enough?
Ya need mushroom cards
And card_mod tho!

Fill in your own thermostat…
It even hides buttons when off etc
Have fun!

[tom_l]

The core tile card is quite compact. Two tiles in a grid card:

[Nick4 (Nick)]

The winner is @tom_l - well it’s more his idea of using the tile card, which is exactly what I was searching for.

To give an idea how it looks (compared to my previous attempts):

Thanks guys!