Horizontal button stack overlapping

[marcirlacher]

For any feature request you can open a new discussion here: https://github.com/Clooos/Bubble-Card/discussions/categories/feature-requests For any question you can open a new discussion here: https://github.com/Clooos/Bubble-Card/discussions/categories/q-a

Describe the bug In the horizontal button stack some buttons do not show up or do overlap.

To Reproduce Steps to reproduce the behavior: Just open the Dashboard

Expected behavior Buttons should appear or show up next to each other

Screenshots

Informations (please complete the following information):

• OS: Windows, Android, iOS, any OS
• Browser: Any Browser
• Bubble Card version 1.7.3
• Home Assistant version 2024.4.1

Additional context Note the strange button overlap on the first button "Arbeitszimmer".

Configuration:

type: horizontal-stack cards:

• type: custom:bubble-card card_type: horizontal-buttons-stack 1_link: '#wohnzimmer' 1_name: Wohnzimmer 1_icon: mdi:sofa 1_entity: light.wohnzimmer_lichtgruppe 2_link: '#esszimmer' 2_name: Esszimmer 2_icon: mdi:food 2_entity: light.esszimmer_deckenlicht 3_link: '#kuecheflur' 3_name: Küche / Flur 3_icon: mdi:alpha-f-box 3_entity: light.flur_lichtgruppe 4_link: '#treppenhaus' 4_name: Treppenhaus 4_icon: mdi:stairs 4_entity: light.treppenhaus_lichtgruppe 5_link: '#bad' 5_name: Bad 5_icon: mdi:shower 5_entity: light.shelly_plus_1_7c87ce58f1e4_badezimmer_spiegelschrank 6_link: '#schlafzimmer' 6_name: Schlafzimmer 6_icon: mdi:sleep 6_entity: group.schlafzimmer 7_link: '#kinderzimmer' 7_name: Kinderzimmer 7_icon: mdi:baby 7_entity: light.kinderzimmer_stilllicht 8_link: '#arbeitszimmer' 8_name: Arbeitszimmer 8_icon: mdi:briefcase 8_entity: light.pc_licht is_sidebar_hidden: false highlight_current_view: false hide_gradient: false rise_animation: true

Thank you! 🍻

[marcirlacher]

Duplicate -- issue obviously resolved in 2.0.0 beta1