Merge pull request #5 from kdw2060/patch-1

styling: centering gauge + added background to card
custom-cards · Jul 10, 2019 · 6d26c78 · 6d26c78
2 parents eea2abb + 09681f5
commit 6d26c78
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/canvas-gauge-card.js b/canvas-gauge-card.js
@@ -62,10 +62,18 @@ class CanvasGaugeCard extends HTMLElement {
         // The styles
         const style = `
             <style>
+                :host {
+                    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+                    display: block !important;
+                    border-radius: 2px !important;
+                    transition: all 0.30s ease-out !important;
+                    background-color: white !important;
+                }
                 #cardroot {
                     width: ${elemContainer.width}px;
                     height: calc(${elemContainer.height}px + ${this.config.shadow_bottom ? this.config.shadow_bottom : 0}px);
                     position: relative;
+                    margin: auto;
                 }
                 #container {
                     width: ${elemContainer.width}px;