From 1ccfe52ce3016911a72659a6fc959f1067d9c14c Mon Sep 17 00:00:00 2001
From: MarcHagen <hello@marchagen.nl>
Date: Sun, 5 Apr 2020 16:54:33 +0200
Subject: [PATCH] Fixes #1: Fix icons under graph looking weird

---
 CHANGELOG.md         |  4 ++++
 dist/weather-card.js | 10 +++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d1891979..88d09218 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com), and this
 
 ## 1.6.3 - (FUTURE)
 
+### Bug Fixes
+
+* [#1](https://github.com/MarcHagen/weather-card/issues/1) - Fixed icons under graph looking weird
+
 ## 1.6.2 - 2020-02-17
 - Added option for locale
 - Added wind force for metric (Bft)
diff --git a/dist/weather-card.js b/dist/weather-card.js
index 4a7521a0..09f1c091 100644
--- a/dist/weather-card.js
+++ b/dist/weather-card.js
@@ -420,11 +420,7 @@ class WeatherCard extends LitElement {
       <div class="conditions">
         ${this.forecast
           .map(forecast => html`
-                <i class="icon"
-                  style="background: none, url('${this.getWeatherIcon(
-                    forecast.condition.toLowerCase()
-                  )}');"
-                ></i>
+             <i class="icon" style="background: none, url('${this.getWeatherIcon(forecast.condition.toLowerCase())}') no-repeat; background-size: contain"></i>
           `)}
       </div>
     `;
@@ -842,6 +838,10 @@ class WeatherCard extends LitElement {
         align-items: center;
         margin: 0px -12px 0px 5px;
       }
+      
+      .conditions .icon {
+        margin-top: -10px;
+      }
     `;
   }