From b0422d8ac3679d36754151453ad9c67a3e578cc8 Mon Sep 17 00:00:00 2001
From: gazoodle <47351872+gazoodle@users.noreply.github.com>
Date: Thu, 9 Feb 2023 12:55:35 +0000
Subject: [PATCH] Update refreshable-picture-card.js

Replicate styles from HA 2023.1 to include rounded corners.
---
 dist/refreshable-picture-card.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/dist/refreshable-picture-card.js b/dist/refreshable-picture-card.js
index 1722197..1874d24 100755
--- a/dist/refreshable-picture-card.js
+++ b/dist/refreshable-picture-card.js
@@ -48,6 +48,16 @@ class ResfeshablePictureCard extends HTMLElement {
             margin-bottom: auto;
             margin-left: auto;
             margin-right: auto;
+            background: var( --ha-card-background, var(--card-background-color, white) );
+            box-shadow: var(--ha-card-box-shadow, none);
+            box-sizing: border-box;
+            border-width: var(--ha-card-border-width, 1px);
+            border-style: solid;
+            border-color: var( --ha-card-border-color, var(--divider-color, #e0e0e0) );
+            color: var(--primary-text-color);
+            transition: all 0.3s ease-out 0s;
+            position: relative;
+            border-radius: var(--ha-card-border-radius, 12px); 
         `;
         if(config.noMargin) {
           css+=`width: 100%`;