From af9e75fdb68cbf8418e2bad593a8220d16590b2e Mon Sep 17 00:00:00 2001
From: Dima Goltsman <dimagoltsman@users.noreply.github.com>
Date: Thu, 21 May 2020 10:33:27 +0300
Subject: [PATCH] fix spacing when no title

---
 dist/refreshable-picture-card.js | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/dist/refreshable-picture-card.js b/dist/refreshable-picture-card.js
index 4730f91..4b21aab 100755
--- a/dist/refreshable-picture-card.js
+++ b/dist/refreshable-picture-card.js
@@ -23,26 +23,31 @@ class ResfeshablePictureCard extends HTMLElement {
     
     let picture = config.static_picture;
     let title = config.title || ""
+    let br = "<br>"
+    if(title){
+      br = ""
+    }
     try{
         
         const html = `
-        <p class="center txt">${title}</p>
+        <p class="center txt">${title}</p>${br}
         <img id="thePic" class="center thePic" src="${picture}" ></img>
         <br>
         `;
         const css = `
           .center{
             display: block;
-           margin-left: auto;
-          margin-right: auto;
-          width: 90%;
+            margin-top: auto;
+            margin-left: auto;
+            margin-right: auto;
+            width: 90%;
           }
           .txt{
             color: var(--ha-card-header-color, --primary-text-color);
-    font-family: var(--ha-card-header-font-family, inherit);
-    font-size: var(--ha-card-header-font-size, 24px);
-    letter-spacing: -0.012em;
-    line-height: 32px;
+            font-family: var(--ha-card-header-font-family, inherit);
+            font-size: var(--ha-card-header-font-size, 24px);
+            letter-spacing: -0.012em;
+            line-height: 32px;
           }
           
         `;