clock-weather-card icon indicating copy to clipboard operation
clock-weather-card copied to clipboard

Space saving version for small displays (no margins/spacing)

Open gryzli133 opened this issue 1 year ago • 3 comments

I try to get the as most information on my 10" wall-tablets as possible. I saw a little bit of unused space marked with the red lines:

image

Maybe you could define it as a "margin" variable, that has a default value as it was until now, but with possibility to minimize it.

It looks like this now:

image

I would prefer to go this way (red is the space that will be saved):

image

gryzli133 avatar Jun 28 '23 12:06 gryzli133

This would be the best for me, but involve much more work...

image

  1. move the upper line (cloudy, 18°C) under the actual weather icon
  2. remove top and bottom margins wherever possible

gryzli133 avatar Jun 28 '23 12:06 gryzli133

Appreciate you are asking for native functionality but, just in case you aren't aware, you could tweak padding with card-mod. https://github.com/thomasloven/lovelace-card-mod

card_mod:
  style: |
    .card-content {
      padding-bottom: 3px !important;
      padding-top: 3px !important;
    }

image

LeiChat avatar Jul 14 '23 22:07 LeiChat

has a solution been found for this pls?

xti9 avatar Nov 26 '23 16:11 xti9