the block within the block + the link is at the end a round buttons with shadow effect like here.
maybe you can help me first with this simple example… later I would take it over in my widget:
uid: Thermostat-Control-Test
tags: []
timestamp: Apr 12, 2021, 7:04:57 PM
component: f7-card
slots:
default:
- component: f7-card-content
config:
style:
height: 70px
slots:
default:
- component: f7-row
slots:
default:
- component: f7-col
config:
width: "20"
small: "20"
medium: "20"
style:
background: gray
slots:
default:
- component: f7-icon
config:
f7: logo_apple
- component: f7-col
config:
width: "60"
small: "60"
medium: "60"
style:
background: gray
slots:
default:
- component: f7-icon
config:
f7: logo_apple
color: red
- component: f7-col
config:
width: "20"
small: "20"
medium: "20"
style:
background: gray
class:
- display-flex
- flex-direction-column
- align-items-right
slots:
default:
- component: f7-icon
config:
f7: logo_apple
color: green
how to move the red apply to the center and the green to the right? I do not want to do it with the absolute parameter…