Vertical Stack Card

Configuration
1

At this moment, i got two gauges

type: gauge
name: Zonnepanelen Totaal
unit: W
needle: true
severity:
  green: 800
  yellow: 400
  red: 0
min: 0
max: 1720
entity: sensor.totalsolar


type: gauge
name: Energie Totaal
unit: W
needle: true
segments:
  - from: 0
    color: green
  - from: 1000
    color: orange
  - from: 2500
    color: red
min: 0
max: 5000
entity: sensor.totalenergy

Now, i want to bundle those two as a vertical stack card

type: vertical-stack
cards:
  - type: gauge
    name: Zonnepanelen Totaal
    unit: W
    needle: true
    severity:
      green: 800
      yellow: 400
      red: 0
    min: 0
    max: 1720
    entity: sensor.totalsolar
    
  - type: gauge
    name: Energie Totaal
    unit: W
    needle: true
    segments:
      from: 0
       color: 'green'
      from: 1000
      color: 'orange'
      from: 2500
      color: 'red'
    min: 0
    max: 5000
    entity: sensor.totalenergy

But, that doesn’t work at all :
Configuration errors on:

bad indentation of a mapping entry (21:13)

 18 |     needle: true
 19 |     segments:
 20 |       from: 0
 21 |        color: 'green'
------------------^
 22 |       from: 1000
 23 |       color: 'orange'

But, why does it work seperately?

2

Extra space in the green line ?

3

Yes the color row is not exact underneath
The above row…one space to much