820 number of rows when placed in a section view

[MrBearPresident]

Breaking change

Proposed change

Type of change

• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests
  • At least I hope not

Example configuration

type: custom:bubble-card
card_type: button
button_type: state
entity: sun.sun
name: ""
sub_button:
  - entity: sun.sun
    icon: mdi:numeric-1
  - entity: sun.sun
    icon: mdi:numeric-2
  - entity: sun.sun
    icon: mdi:numeric-3
  - entity: sun.sun
    icon: mdi:numeric-4
  - entity: sun.sun
    icon: mdi:numeric-5
  - entity: sun.sun
    icon: mdi:numeric-6
  - entity: sun.sun
    icon: mdi:numeric-1
  - entity: sun.sun
    icon: mdi:numeric-2
  - entity: sun.sun
    icon: mdi:numeric-3
  - entity: sun.sun
    icon: mdi:numeric-4
  - entity: sun.sun
    icon: mdi:numeric-5
  - entity: sun.sun
    icon: mdi:numeric-6
card_layout: large
grid_options:
  columns: 12
  rows: 2
show_state: true
show_last_changed: true
show_attribute: true
attribute: editable

Example printscreens/gif

Before:

After:

Additional information

• This PR fixes or closes issue: fixes Number of rows when placed in a section view  #820
• This PR is related to issue or discussion: Support for new Layout resizing options in the Sections type of dashboard #632
• Link to documentation pull request: /

Additional documentation needed.

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests screenshots/gifs have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for readme.
  • No need

[MrBearPresident]

Maybe we should add following to the examples. This will be a common question.
This helps to make the grid more beautiful.

    .bubble-sub-button-1{
      grid-column: span 3;
    }

So you have:

instead of: