Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Line spacing #3

Open
Swiftnesses opened this issue Aug 14, 2019 · 3 comments
Open

Line spacing #3

Swiftnesses opened this issue Aug 14, 2019 · 3 comments

Comments

@Swiftnesses
Copy link

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
Copy link

Curious about that aswel! following!

@Olen
Copy link
Contributor

Olen commented Mar 14, 2020

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
Copy link
Contributor

Olen commented Mar 25, 2020

Also sent this as a PR

RodBr pushed a commit that referenced this issue Jun 6, 2020
Clean up css and add some more air
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants