How to setup style for oh-list-item inside f7-card?

Setup, Configuration and Use Beginners
1

Hi all, need your help with css styles for oh-list-item. Trying to draw a widget for security system, i’m totally lost how to line things in a row, they ignore any css given and inherit display: block from somewhere. Code is:

uid: widget_security
tags:
  - list
  - lock
  - security
  - doors
  - movement
props:
  parameters:
    - description: Header
      label: Header
      name: name
      required: false
      type: TEXT
    - context: item
      description: Pincode Item
      label: Pincode Item
      name: pincode_item
      required: false
      type: TEXT
    - context: item
      description: Sensor Item
      label: Sensor Item
      name: sensor_item
      required: false
      type: TEXT
    - context: item
      description: Door group
      label: Door group
      name: door_item
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Aug 2, 2021, 1:57:37 AM
component: f7-card
config:
  title: '=[props.name] ? props.name : ""'
  accordionList: true
  style:
    noShadow: false
    padding: 0px
    border-radius: var(--f7-card-expandable-border-radius)
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.1)
    height: auto
    margin: 5px
    font-size: 100%
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black
    line-height: 1.2
    color: white
slots:
  default:
    - component: oh-list-item
      config:
        icon: '=(items[props.sensor_item].state == "ON") ? "f7:lock" : "f7:lock_open"'
        iconColor: '=(items[props.sensor_item].state == "OFF") ? "green" : "red"'
        title: =props.name
        badgeColor: '=(items[props.sensor_item].state == "ON") ? "orange" : "green"'
        badge: '=(items[props.sensor_item].state == "ON") ? "Вкл" : "Выкл"'
        action: '=(items[props.sensor_item].state == "ON") ? "popup" : "command"'
        actionModal: '=(items[props.sensor_item].state == "ON") ? "widget:keypad" : ""'
        actionItem: =props.sensor_item
        actionCommand: ON
        actionModalConfig:
          mask: "*"
          item: =props.pincode_item
          closePopup: true
        style:
          display: inline
          justify-content: flex-start
          flex-direction: row
          align: left
          align-items: left
          align-self: left
    - component: oh-list-item
      config:
        title: Двери
        icon: '=(items[props.door_item].state == "ON") ? "oh:door-closed" : "oh:door"'
        item: =props.door_item
        badge: '=(items[props.door_item].state == "ON") ? "Закрыты" : "открыты"'
        badgeColor: '=(items[props.door_item].state == "ON") ? "orange" : "green"'
        accordionItem: true
      slots:
        accordion:
          - component: oh-repeater
            config:
              fragement: true
              for: item
              sourceType: itemsInGroup
              groupItem: Door_Sensors
              filter: items[loop.item.name].state == "ON"
            slots:
              default:
                - component: oh-list-item
                  config:
                    icon: oh:door-closed                    
                    title: =loop.item.label
                    item: =loop.item.name
                    badge: Закрыта
                    badgeColor: green
                    action: analyzer
                    actionAnalyzerItems: =[loop.item.name]
                    actionAnalyzerCoordSystem: time
          - component: oh-repeater
            config:
              fragement: true
              for: item
              sourceType: itemsInGroup
              itemTags: Door_Sensors
              filter: items[loop.item.name].state == "OFF"
            slots:
              default:
                - component: oh-list-item
                  config:
                    icon: oh:door                    
                    title: =loop.item.label
                    item: =loop.item.name
                    badge: Открыта
                    badgeColor: red
                    action: analyzer
                    actionAnalyzerItems: =[loop.item.name]
                    actionAnalyzerCoordSystem: time

Please help! And don`t say i should wrap those into some other container =)

2

Solved by placing into oh-list-card:

uid: widget_security
tags:
  - list
  - lock
  - security
  - doors
  - motion
props:
  parameters:
    - description: Header
      label: Header
      name: name
      required: false
      type: TEXT
    - description: Background image, located in static/ folder
      label: Background image
      name: bg_image_url
      required: false
      type: TEXT
    - context: item
      description: Pincode Item
      label: Pincode Item
      name: pincode_item
      required: false
      type: TEXT
    - context: item
      description: Sensor Item
      label: Sensor Item
      name: sensor_item
      required: false
      type: TEXT
    - context: item
      description: Door group
      label: Door group
      name: door_item
      required: false
      type: TEXT
    - context: item
      description: MotionDetector group
      label: Motion detectors group
      name: motion_item
      required: false
      type: TEXT
    - context: item
      description: Alarm state
      label: Alarm state
      name: alarm_item
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Aug 5, 2021, 12:22:31 AM
component: oh-list-card
config:
  title: '=[props.name] ? props.name : ""'
  accordionList: true
  style:
    noShadow: false
    padding: 0px
    border-radius: var(--f7-card-expandable-border-radius)
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.1)
    minwidth: 500px
    height: auto
    margin: 5px
    font-size: 100%
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black
    color: white
    background-image: "=props.bg_image_url ? 'url(/static/' + props.bg_image_url + ')' : ''"
    background-size: cover
    background-brightness: 60%
slots:
  default:
    - component: oh-list-item
      config:
        icon: '=(items[props.sensor_item].state == "ON") ? "f7:lock" : "f7:lock_open"'
        iconColor: '=(items[props.sensor_item].state == "OFF") ? "green" : "red"'
        title: Сигнализация
        badgeColor: '=(items[props.sensor_item].state == "ON") ? "orange" : "green"'
        badge: '=(items[props.sensor_item].state == "ON") ? "Вкл" : "Выкл"'
        action: '=(items[props.sensor_item].state == "ON") ? "popup" : "command"'
        actionModal: '=(items[props.sensor_item].state == "ON") ? "widget:keypad" : ""'
        actionItem: =props.sensor_item
        actionCommand: ON
        actionModalConfig:
          mask: "*"
          item: =props.pincode_item
          closePopup: true
        style:
          font-size: 250%
          animation: '=items[props.alarm_item].state == "ON" ? "skeleton-effect-fade 2s linear infinite" : "none"'
          backdrop-filter: opacity(88%)
          background-color: "#f7f7f7"
          background-image: "linear-gradient(135deg, #000000, #ff9999)"
    - component: oh-list-item
      config:
        title: Двери
        icon: '=(items[props.door_item].state == "ON") ? "oh:door-closed" : "oh:door"'
        item: =props.door_item
        badge: '=(items[props.door_item].state == "ON") ? "Закрыты" : "Открыты"'
        badgeColor: '=(items[props.door_item].state == "ON") ? "green" : "red"'
        accordionItem: true
        accordionItemOpened: '=(items[props.door_item].state == "ON") ? false : true'
      slots:
        accordion:
          - component: oh-repeater
            config:
              fragment: true
              for: item
              sourceType: itemsInGroup
              groupItem: =props.door_item
            slots:
              default:
                - component: oh-list-item
                  config:
                    icon: '=(items[loop.item.name].state == "ON") ? "oh:door-closed" : "oh:door"'
                    title: =loop.item.label
                    item: =loop.item.name
                    badge: '=(items[loop.item.name].state == "ON") ? "Закрыта" : "Открыта"'
                    badgeColor: '=(items[loop.item.name].state == "ON") ? "green" : "red"'
                    action: analyzer
                    actionAnalyzerItems: =[loop.item.name]
                    actionAnalyzerCoordSystem: time
    - component: oh-list-item
      config:
        title: Датчики движения
        icon: '=(items[props.motion_item].state == "ON") ? "oh:motion-open" : "oh:motion-closed"'
        item: =props.motion_item
        badge: '=(items[props.motion_item].state == "ON") ? "Движение" : "Спокойно"'
        badgeColor: '=(items[props.motion_item].state == "ON") ? "red" : "green"'
        accordionItem: true
        accordionItemOpened: '=(items[props.motion_item].state == "ON") ? true : false'
      slots:
        accordion:
          - component: oh-repeater
            config:
              fragment: true
              for: item
              sourceType: itemsInGroup
              groupItem: =props.motion_item
            slots:
              default:
                - component: oh-list-item
                  config:
                    icon: '=(items[loop.item.name].state == "ON") ? "oh:motion-open" : "oh:motion-closed"'
                    title: =loop.item.label
                    item: =loop.item.name
                    badge: '=(items[loop.item.name].state == "ON") ? "Движение" : "Спокойно"'
                    badgeColor: '=(items[loop.item.name].state == "ON") ? "red" : "green"'
                    action: analyzer
                    actionAnalyzerItems: =[loop.item.name]
                    actionAnalyzerCoordSystem: time