Lovelace - reduce gaps between elements

Configuration Frontend
1

Hi, is there any way to reduce gaps between elements, specifically between title and name and between name and icon and how I can reduce size of title font? I am working on complete rooms overview, but with current setup I can only fit a few rooms in the window and I need to have many more. Below is an example of one of my cards that I need to reduce.

Thank you.

Snímek obrazovky 2023-03-03 v 14.54.53
Snímek obrazovky 2023-03-03 v 14.54.531178×374 19.3 KB

2

These changes may be done by card-mod.
There are 2 possible ways of using it - I’ll explain it with an example below.
Assume you want to change (“style”’) a Glance card - i.e. reduce spaces etc.

  1. For one particular Glance card you may add some card-mod code to style this card only.
  2. If you need to style all Glance cards in your setup - then some card-mod code should be added into a “theme” file, and when this theme is applied then all Glance cards are styled.

For details - go to:
— card-mod github page
— card-mod dedicated Community thread (in “share your project” section);
— card-mod themes dedicated Community thread (same section).