Breite einstellen bei der custom:Button-Card

Nabend zusammen,

Zur info: Ich habe nicht all zu viel erfahrung mit Yaml. Ich habe mir aus Codeschnipseln eine Karte zusammen gebaut. An dieser probiere ich immer etwas rum um die Syntax zu lernen und zu verstehen wie ich diese, meinen Bedürfnissen nach erweitern kann.

Nun würde ich gerne der Karte mehr Entitäten und Sensoren hinzufügen, und bin nun auf ein Platzproblem gestoßen. Die Texte in meiner Karte werden nun aus der Formatierung geworfen und zum teil auch einfach nichtmehr angezeigt. Besteht die möglichkeit die Karte per Code Breiter zu machen? Wenn es die Option gibt, auch gerne per pixel, damit ich die größe dann später individuell anpassen kann.

Hier ist mein Karten Code:

id: Raspberry_Status
type: custom:config-template-card
variables:
  - states['binary_sensor.pi_hole_status'].state
  - states['sensor.raspi_cpu_temperatur'].state
  - states['sensor.raspi_freespace_prcnt'].state
  - states['sensor.raspi_freespace_total'].state
  - states['sensor.raspi_freespace_used_prcnt'].state
  - states['sensor.raspi_ip'].state
  - states['sensor.raspi_memory_free'].state
  - states['sensor.raspi_memory_size'].state
  - states['sensor.raspi_memory_used_prcnt'].state
  - states['sensor.raspi_uptime'].state
  - states['sensor.raspi_uptime_secs'].state
entities:
  - sensor.raspi_cpu_temperatur
  - sensor.raspi_freespace_prcnt
  - sensor.raspi_freespace_total
  - sensor.raspi_freespace_used_prcnt
  - sensor.raspi_ip
  - sensor.raspi_memory_free
  - sensor.raspi_memory_size
  - sensor.raspi_memory_used_prcnt
  - sensor.raspi_uptime
  - sensor.raspi_uptime_secs
  - sensor.pi_hole_dns_abfragen_heute
  - sensor.pi_hole_dns_abfragen_zwischengespeichert
  - sensor.pi_hole_dns_anfragen_weitergeleitet
  - sensor.pi_hole_domanen_gesperrt
  - sensor.pi_hole_eindeutige_dns_clients
  - sensor.pi_hole_eindeutige_dns_domanen
  - sensor.pi_hole_gesehene_clients
  - sensor.pi_hole_werbung_heute_blockiert
  - sensor.pi_hole_werbungsanteil_heute_blockiert
card:
  type: entities
  entities:
    - type: section
      label: ${ 'Raspberry Pi 3b --- Pi-Hole ist > ' + vars[0] }
    - type: section
    - type: custom:hui-element
      card_type: vertical-stack
      cards:
        - type: horizontal-stack
          cards:
            - type: picture
              style: |
                ha-card  
                    --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                    --ha-card-background: "rgba(0, 0, 0, 0.0)";
                    --ha-card-box-shadow: 'none';
              image: /local/pictures/Pi-hole.png
            - type: vertical-stack
              cards:
                - type: custom:button-card
                  layout: icon_name_state2nd
                  show_icon: true
                  show_state: true
                  styles:
                    grid:
                      - grid-template-columns: 50px auto
                    icon:
                      - padding: 0px 0px
                      - height: 30px
                      - width: 30px
                    card:
                      - '--ha-card-background': rgba(0, 0, 0, 0.0)
                      - '--ha-card-box-shadow': none
                    state:
                      - padding: 5px 10px
                      - justify-self: start
                      - font-family: Roboto, sans-serif
                      - font-size: 15px
                    name:
                      - padding: 0px 10px
                      - justify-self: start
                      - color: var(--secondary-text-color)
                  entity: sensor.raspi_uptime
                  name: Läuft seit...
                  icon: mdi:clock-outline
            - type: vertical-stack
              cards:
                - type: custom:button-card
                  layout: icon_name_state2nd
                  show_icon: true
                  show_state: true
                  styles:
                    grid:
                      - grid-template-columns: 50px auto
                    icon:
                      - padding: 0px 0px
                      - height: 30px
                      - width: 30px
                    card:
                      - '--ha-card-background': rgba(0, 0, 0, 0.0)
                      - '--ha-card-box-shadow': none
                    state:
                      - padding: 5px 10px
                      - justify-self: start
                      - font-family: Roboto, sans-serif
                      - font-size: 15px
                    name:
                      - padding: 0px 10px
                      - justify-self: start
                      - color: var(--secondary-text-color)
                  entity: sensor.raspi_uptime
                  name: Läuft seit...
                  icon: mdi:clock-outline
                - type: custom:button-card
                  layout: icon_name_state2nd
                  show_icon: true
                  show_state: true
                  styles:
                    grid:
                      - grid-template-columns: 50px auto
                    icon:
                      - padding: 0px 0px
                      - height: 30px
                      - width: 30px
                    card:
                      - '--ha-card-background': rgba(0, 0, 0, 0.0)
                      - '--ha-card-box-shadow': none
                    state:
                      - padding: 1px 50px
                      - justify-self: start
                      - font-family: Roboto, sans-serif
                      - font-size: 20px
                    name:
                      - padding: 0px 10px
                      - justify-self: start
                      - color: var(--secondary-text-color)
                  entity: switch.pi_hole
                  name: Werbeblocker
                  icon: mdi:power
                - type: entities
                  layout: icon_name_state2nd
                  show_icon: true
                  show_state: true
                  styles:
                    grid:
                      - grid-template-columns: 50px auto
                    icon:
                      - padding: 0px 0px
                      - height: 30px
                      - width: 30px
                    card:
                      - '--ha-card-background': rgba(0, 0, 0, 0.0)
                      - '--ha-card-box-shadow': none
                    state:
                      - padding: 1px 10px
                      - font-family: Roboto, sans-serif
                      - font-size: 20px
                    name:
                      - padding: 0px 10px
                      - color: var(--secondary-text-color)
                  entities:
                    - entity: update.pi_hole_kern_update_verfugbar
                      name: Kern ->
                    - entity: update.pi_hole_web_update_verfugbar
                      name: Web ->
                    - entity: update.pi_hole_ftl_update_verfugbar
                      name: FTL ->
        - type: custom:bar-card
          show_icon: true
          align: split
          columns: 1
          max: 100
          positions:
            icon: inside
            indicator: inside
            name: inside
            value: inside
          unit_of_measurement: '%'
          severity:
            - value: 50
              color: '#3498db'
            - value: 75
              color: '#f39c12'
            - value: 100
              color: '#e45e65'
          style: |
            ha-card { 
                --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                --ha-card-background: "rgba(0, 0, 0, 0.0)";
                --paper-item-icon-color: 'var(--text-primary-color';
                --ha-card-box-shadow: 'none';
            }
          entities:
            - entity: sensor.raspi_freespace_used_prcnt
          name: ${ '16 GB SD-Karte belegt zu:' }
          entity_row: true
        - type: horizontal-stack
          cards:
            - type: custom:bar-card
              show_icon: true
              align: split
              columns: 1
              max: 100
              positions:
                icon: inside
                indicator: inside
                name: inside
                value: inside
              unit_of_measurement: '%'
              severity:
                - value: 50
                  color: '#3498db'
                - value: 75
                  color: '#f39c12'
                - value: 100
                  color: '#e45e65'
              style: |
                ha-card { 
                  --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                  --ha-card-background: "rgba(0, 0, 0, 0.0)";
                  --paper-item-icon-color: 'var(--text-primary-color';
                  --ha-card-box-shadow: 'none';
                }
              entity: sensor.raspi_memory_used_prcnt
              name: RAM
              entity_row: true
            - type: custom:bar-card
              show_icon: true
              align: split
              columns: 1
              max: 100
              positions:
                icon: inside
                indicator: inside
                name: inside
                value: inside
              unit_of_measurement: '%'
              severity:
                - value: 50
                  color: '#3498db'
                - value: 75
                  color: '#f39c12'
                - value: 100
                  color: '#e45e65'
              style: |
                ha-card { 
                  --paper-card-background-color: 'rgba(0, 0, 0, 0.0)';
                  --ha-card-background: "rgba(0, 0, 0, 0.0)";
                  --paper-item-icon-color: 'var(--text-primary-color';
                  --ha-card-box-shadow: 'none';
                }
              entity: sensor.rpi_raspberrypi_home_rpi_cpu_use_raspberrypi
              name: CPU
              entity_row: true
        - type: custom:mini-graph-card
          height: 70
          line_width: 1
          font_size: 100
          hours_to_show: 24
          points_per_hour: 12
          show:
            extrema: true
            fill: true
          style: |
            ha-card { 
              --ha-card-background: "rgba(0, 0, 0, 0.0)";
              --ha-card-box-shadow: 'none';
              border-radius: 5px;
            }
            .info.flex {
              font-size: 12px !important;
            }
          entities:
            - sensor.raspi_cpu_temperatur
          name: Temperatur
          color_thresholds:
            - value: 30
              color: '#3498db'
            - value: 50
              color: '#f39c12'
            - value: 80
              color: '#ff0000'

So sieht das dann aus:

Ich würde da halt gerne mehr Karten mit reinlegen ( Wie z.B. die kopie der: “Läuft seit” Karte)