Swipe more than one Card (not Pop-Ups)

[BerserkerRudi]

Goal

I want to represent a multi-story house in bubble card per floor. For this purpose, the rooms on the ground floor will be shown on one side, those on the upper floor on a second side, with you being able to swipe between the views. I realized this with simple swipe card and vertical stacks. However, I cannot use stylings and the spacing between the individual cards is incorrect.
The Cards to swipe are in the screenshots

How can I solve this?

Source Yaml

type: custom:simple-swipe-card
auto_hide_pagination: 0
auto_height: false
loop_mode: infinite
cards:
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.wohnzimmer_room_temperature
              show_name: false
              show_state: true
              show_icon: true
              show_background: true
              show_attribute: true
              attribute: temperature
              icon: mdi:thermometer-high
          bottom: []
        name: Wohnzimmer
        icon: mdi:sofa-outline
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.wohnzimmer_1_wohnzimmer
              light_background: true
              state_background: true
              tap_action:
                action: toggle
              content_layout: icon-left
              show_attribute: false
              show_state: false
            - entity: media_player.wohnzimmer
              icon: mdi:soundbar
            - entity: media_player.chromecast
              icon: phu:chromecast
            - entity: vacuum.flocki
              show_state: false
              show_name: false
              force_icon: false
        rows: 0.938
        hide_main_background: true
        footer_mode: false
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: sensor.heizung_esszimmer_int0000003_luftfeuchtigkeit
              show_state: true
            - entity: climate.hmip_wth_a_0040e0c9a97ecb
              show_state: true
              content_layout: icon-left
              icon: mdi:thermometer-high
              show_attribute: true
              attribute: temperature
              show_icon: true
              force_icon: false
              show_background: true
              scrolling_effect: true
              state_background: true
          bottom: []
        name: Esszimmer
        icon: mdi:silverware-fork-knife
        modules:
          - frosted_glass
          - smart_sub_button_styling
        smart_sub_button_styling:
          styles:
            - sub_button_index: 2
              entity_type: climate
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.esszimmer
              tap_action:
                action: toggle
              hold_action:
                action: more-info
              show_icon: true
              light_background: true
              state_background: true
              show_background: true
        rows: 0.938
        modules: []
        frosted_glass:
          main_icon_color_boolean: icon_theme_color
          icon_background: dark
          background:
            - 215
            - 35
            - 35
          main_icon_color:
            - 199
            - 67
            - 67
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: sensor.heizung_kuche_int0000001_luftfeuchtigkeit
              show_state: true
            - entity: climate.thermostat_kuche
              icon: m3of:thermometer
              show_attribute: true
              attribute: temperature
              show_state: true
          bottom: []
        name: Küche
        icon: mdi:faucet
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.licht_kuche_center
              name: Decke
              show_name: true
              tap_action:
                action: toggle
            - entity: light.licht_kuche_right
              name: Arbeitsplatte
              show_name: true
              tap_action:
                action: toggle
            - entity: light.licht_kuche_left
              name: Oberlichte
              show_name: true
              tap_action:
                action: toggle
        rows: 0.938
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.gang_oben_room_temperature
              show_state: true
              show_attribute: true
              icon: m3of:thermometer
              attribute: temperature
          bottom: []
        name: Gang
        icon: mdi:door
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.gang_oben
              show_name: true
              tap_action:
                action: toggle
              hold_action:
                action: more-info
            - entity: light.bad
              show_name: true
              tap_action:
                action: toggle
        rows: 0.938
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.schlafzimmer_oben_room_temperature
              show_state: true
              show_attribute: true
              attribute: temperature
              icon: m3of:thermometer
              show_last_changed: false
          bottom: []
        name: Lavendelzimmer
        icon: mdi:seat-outline
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.licht_lavendelzimmer
              tap_action:
                action: toggle
        rows: 0.938
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.pc_zimmer_room_temperature
              icon: m3of:thermometer
              show_attribute: true
              attribute: temperature
              show_state: true
          bottom: []
        name: PC Zimmer
        icon: mdi:popcorn
        rows: 1.675
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.dimmer_pc_zimmer
              tap_action:
                action: toggle
        rows: 0.938
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.thermostat_wc
              show_state: true
              icon: m3of:thermometer
              show_attribute: true
              attribute: temperature
          bottom: []
        name: WC
        icon: mdi:toilet
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.schlafzimmer_unten_room_temperature
              show_state: true
              icon: mdi:thermometer-high
              show_attribute: true
              attribute: temperature
          bottom: []
        name: Schlafzimmer
        icon: mdi:bed-king-outline
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.hmip_bdt_0008df29b9a0dc
        hide_main_background: true
        rows: 0.938
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main: []
          bottom: []
        name: Gang / Bad
        icon: mdi:door
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.gang_unten
              show_name: true
              name: Gang
            - entity: light.aktor_licht_bad_unten
              name: Bad
              show_name: true
        rows: 0.938
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - show_state: true
              entity: climate.buro_michi_room_temperature
              icon: mdi:thermometer-high
              show_attribute: true
              attribute: temperature
          bottom: []
        name: Büro
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.buro
        rows: 0.938
        hide_main_background: true
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.werkstatt_room_temperature
              show_state: true
              icon: mdi:thermometer-high
              show_attribute: true
              attribute: temperature
          bottom: []
        name: Werkstatt
        icon: mdi:network-outline
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: climate.az_silke_room_temperature
              show_state: true
              icon: mdi:thermometer-high
              show_attribute: true
              attribute: temperature
          bottom: []
        name: Gewandraum
        icon: mdi:iron-board
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main:
            - entity: sensor.buro_michi_climatecontrol_outdoor_temperature
              show_state: true
          bottom: []
        name: Aussen
        icon: mdi:shovel
      - type: custom:bubble-card
        card_type: sub-buttons
        sub_button:
          main: []
          bottom:
            - entity: light.dimmer_terrasse
              show_name: true
              name: Terrasse oben
            - entity: light.terrasse_unten
              show_name: true
              name: Terrasse unten
            - entity: light.lichtaktor_aussenstiege
              show_name: true
              name: Stiege
            - entity: light.aussenlicht_gang_1_aktor_aussenlichet_gang_1
              show_name: true
              name: Balkon
        hide_main_background: true
        modules: []
        rows: 0.938
      - type: custom:bubble-card
        card_type: separator
        sub_button:
          main: []
          bottom: []
        name: Audi
        icon: mdi:car
      - type: custom:vehicle-status-card
        name: Vehicle Status Card
        images:
          - image: /api/image/serve/682e59ad835c841a36ea746d81619896/512x512
          - image: /api/image/serve/82cd7f2a404c1df0cf9422e6ab36c477/512x512
          - image: /api/image/serve/156152993a766490e1b6fc136a2a4817/512x512
          - image: /api/image/serve/7208f5d7230c85cc9ef81d7cc4086510/512x512
          - image: /api/image/serve/335bf8c18247685a739f9b23c6a221a5/512x512
        layout_config:
          button_grid:
            rows: 3
            columns: 2
            swipe: true
          images_swipe:
            height: 150
          section_order:
            - range_info
            - images
            - mini_map
            - buttons
          range_info_config:
            layout: row
        mini_map:
          device_tracker: device_tracker.audi_a6_avant_position
          enable_popup: true
        indicator_rows:
          - row_items:
              - entity: sensor.backup_backup_manager_zustand
                type: entity
                show_name: true
                show_state: true
                show_icon: true
                tap_action:
                  action: more-info
              - entity: binary_sensor.remote_ui
                type: entity
                show_name: true
                show_state: true
                show_icon: true
                tap_action:
                  action: more-info
              - entity: switch.icbndi518320b_001_gr_superfrost_unten
                type: entity
                show_name: true
                show_state: true
                show_icon: true
                tap_action:
                  action: more-info
        range_info:
          - energy_level:
              entity: sensor.audi_a6_avant_hybrid_range
              value_position: inside
              max_value: 1200
            progress_color: "#50d568"
          - energy_level:
              entity: sensor.audi_a6_avant_adblue_range
              value_position: inside
              max_value: 10000
            progress_color: "#e96925"
        button_cards:
          - layout: horizontal
            transparent: false
            show_primary: true
            show_secondary: true
            show_icon: true
            entity: device_tracker.audi_a6_avant_position
            notify: "{{ true }}"
            notify_color: >-
              {{ iif (is_state('person.simi', 'home'),
              'var(--state-person-home-color)',
              'var(--state-person-active-color)') }}
            notify_icon: >-
              {{ iif (is_state('person.simi', 'home'), 'mdi:home',
              'mdi:home-export-outline') }}
            tap_action:
              action: more-info
            hide_button: false
            button_type: action
            card_type: default
            icon_type: icon
            primary_info: name
            sub_card:
              default_card:
                - title: Category default expanded
                  collapsed_items: false
                  items:
                    - entity: person.simi
                    - entity: device_tracker.michis_iphone
                    - entity: media_player.chromecast_2_2
                    - entity: light.gang_unten
                    - entity: light.aktor_licht_bad_unten
                    - entity: binary_sensor.remote_ui
                    - entity: binary_sensor.rpi_power_status
                - title: Category collapsed
                  collapsed_items: true
                  items:
                    - entity: person.simi
                    - entity: device_tracker.michis_iphone
                    - entity: media_player.chromecast_2_2
                    - entity: light.gang_unten
                    - entity: light.aktor_licht_bad_unten
                    - entity: binary_sensor.remote_ui
                    - entity: binary_sensor.rpi_power_status
              custom_card:
                - type: entities
                  title: Custom Card
                  entities:
                    - entity: person.simi
                    - entity: device_tracker.michis_iphone
                    - entity: media_player.chromecast_2_2
                    - entity: light.gang_unten
                    - entity: light.aktor_licht_bad_unten
                    - entity: binary_sensor.remote_ui
                    - entity: binary_sensor.rpi_power_status
          - layout: horizontal
            transparent: false
            show_primary: true
            show_secondary: false
            show_icon: true
            name: Kilometerstand
            icon_type: icon
            icon: mdi:counter
            state_template: "{{ \"sun.sun\" | state_translated }}"
            include_state_template: false
            hide_button: false
            button_type: default
            card_type: default
            primary_info: state
            entity: sensor.audi_a6_avant_mileage
            sub_card:
              default_card:
                - title: Category default expanded
                  collapsed_items: false
                  items:
                    - entity: sun.sun
                    - entity: sensor.sun_next_dawn
                    - entity: sensor.sun_next_midnight
                    - entity: sensor.sun_next_noon
                - title: Category collapsed
                  collapsed_items: true
                  items:
                    - entity: sun.sun
                    - entity: sensor.sun_next_dawn
                    - entity: sensor.sun_next_midnight
                    - entity: sensor.sun_next_noon
              custom_card:
                - type: entities
                  title: Custom Card
                  entities:
                    - entity: sun.sun
                    - entity: sensor.sun_next_dawn
                    - entity: sensor.sun_next_midnight
                    - entity: sensor.sun_next_noon
          - entity: sensor.audi_a6_avant_oil_change_distance
            show_icon: true
            show_primary: true
            show_secondary: true
            layout: horizontal
            button_type: action
            tap_action:
              action: more-info
            card_type: default
            icon_type: icon
            primary_info: name
          - entity: sensor.audi_a6_avant_oil_change_time
            show_icon: true
            show_primary: true
            show_secondary: true
            layout: horizontal
            button_type: action
            tap_action:
              action: more-info
            card_type: default
            icon_type: icon
            primary_info: name
          - entity: sensor.audi_a6_avant_service_inspection_distance
            show_icon: true
            show_primary: true
            show_secondary: true
            layout: horizontal
            button_type: action
            tap_action:
              action: more-info
            card_type: default
            icon_type: icon
            primary_info: name
          - entity: sensor.audi_a6_avant_service_inspection_time
            show_icon: true
            show_primary: true
            show_secondary: true
            layout: horizontal
            button_type: action
            tap_action:
              action: more-info
            card_type: default
            icon_type: icon
            primary_info: name

Which step did you already try?

No response

Problem

To the point: I want to swipe between several bubble cards at once.

Read the documentation

• I have read the documentation

[MackoMici]

I use the "hass-swipe-navigation" plugin, and there are multiple views that I can swipe through.