search

RodBr / miflora-card

A Home Assistant Lovelace card to report MiFlora plant sensors based on the HA Plant Card.
21 stars 30 forks source link

Line spacing #3

Open Swiftnesses opened 5 years ago

Swiftnesses commented 5 years ago

Hi,

Nice lovelace card! Can the spacing be made the same as other cards (currently it looks a little squashed up), perhaps as an option?

Sanderbloem050 commented 4 years ago

Curious about that aswel! following!

Olen commented 4 years ago

I made a few small modifications around line 140 in the javacsript-file to add a little more spacing around the text, and also increase the size of the image slightly to account for the extra space between the lines.

@@ -141,22 +147,25 @@
             }
             .image {
                 float: right;
-                margin-left: 8px;
-                margin-right: 8px;
-                margin-bottom: 8px;
-                width: 115px;
-                height: 115px;
+                margin-left: 15px;
+                margin-right: 15px;
+                margin-bottom: 15px;
+                width: 125px;
+                height: 125px;
                 border-radius: 6px;
             }
             .sensor {
-            display: flex;
-            cursor: pointer;
+                display: flex;
+                cursor: pointer;
+                padding-bottom: 10px;
             }
             .icon {
+                margin-left: 10px;
                 color: var(--paper-item-icon-color);
             }
             .name {
                 margin-top: 3px;
+                margin-left: 10px;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
Olen commented 4 years ago

Also sent this as a PR