[solved] Display chores (or shopping list) in a popup?

Configuration Frontend
,
1

I’m looking for a way to display the chores card from within a dashboard without header & side bar.
This is for a tablet and almost everything is used from within 1 view by a combination of buttons & popup cards (browser_mod), only the calendar is opened in a second view by using swipe navigation.

Now I would like to be able to display the chores card with a button.
I tried this with browser_mod but couldn’t get it to work, searched left and right but no success.

Any ideas on how to achieve this somehow are very welcome and highly appreciated!
TIA

2

For future reference/if anybody is searching for this:

show_name: false
show_icon: true
type: button
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      title: Chores
      content:
        type: todo-list
        entity: todo.chores
        card_mod:
          style:
            ha-textfield:
              $: |
                .mdc-text-field {
                  margin-top: -28px;
                  margin-bottom: 5px;
                  height: 50px !important;
                }
                .mdc-text-field__input {
                  color: white !important;
                }
            .: |
              ha-card.type-todo-list div.header {
                display: none;
              }
              ha-check-list-item.editRow.completed {
                display: none;
              }
              :host {
                --mdc-checkbox-ripple-size: 33px;
              }
              ha-check-list-item {
                min-height: 28px !important;
              }
              ha-card {
                --mdc-typography-subtitle1-font-size: 17px;
              }
              ha-icon-button.reorderButton,
              ha-icon-button.addButton {
                margin-top: -35px !important;
              }
              .divider {
                display: none;
              } 
    auto_close: false
show_state: false
icon: mdi:cart
icon_height: 50px

Of course you can replace entity: todo.chores with entity: todo.shopping_list