Add css style to Glance Card

Configuration Frontend
1

hi everybody,
I am using glance card to show basic information about cert expiry date and I would like to put a glance car in a space of 100px.
I tried to add css styles to it but really do not know from where to start.
here my yaml code:

    - type: horizontal-stack
      cards:
        - type: glance
          style: |
            :host {
              height: 100px;
            }
          entities:
            - entity: binary_sensor.internet
              name: INTERNET
              show_state: false
            - entity: binary_sensor.vpn
              name: VPN
              show_state: false
            - entity: sensor.cert_expiry_timestamp_mycert
              name: Cert expiry

the result is the following:

image

any idea on how can I reduce the spaces between Cert expiry , icon, and expiration time to fit 100px?
A solution could be putting icon and expiration time on the same row but I have no idea how to do…

Thank you!

2

one small step forward…
it seems that I have to work on padding values

                .entities.no-header {
                  padding-block: 16px;       
                }

image
image1239×164 21.5 KB

can someone put me on the right direction?
I do not know how to move this code into yaml …
thank you !