From bb3dde9084bbf636a620179962f6d2f77b3d9e5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juraj=20Nyi=CC=81ri?= <jnyiri@sk.ibm.com>
Date: Tue, 31 Aug 2021 18:03:21 +0200
Subject: [PATCH] Fix: Design in sidebar view

---
 dist/plex-meets-homeassistant.js | 5 +++--
 src/modules/style.ts             | 3 ++-
 src/plex-meets-homeassistant.ts  | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/dist/plex-meets-homeassistant.js b/dist/plex-meets-homeassistant.js
index 976e7ff..006669f 100644
--- a/dist/plex-meets-homeassistant.js
+++ b/dist/plex-meets-homeassistant.js
@@ -20701,6 +20701,7 @@ style.textContent = css `
 		white-space: nowrap;
 		overflow: hidden;
 		position: relative;
+		min-width: 100% !important;
 	}
 	.seasonContainer {
 		position: relative;
@@ -20749,7 +20750,7 @@ style.textContent = css `
 		position: absolute;
 		z-index: 1;
 	}
-	.container {
+	.plexMeetsContainer {
 		z-index: 1;
 		float: left;
 		margin-bottom: 20px;
@@ -22149,7 +22150,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
                 }
             }
             const container = document.createElement('div');
-            container.className = 'container';
+            container.className = 'plexMeetsContainer';
             container.style.width = `${CSS_STYLE.width}px`;
             if (hasAdditionalData) {
                 container.style.height = `${CSS_STYLE.height + 50}px`;
diff --git a/src/modules/style.ts b/src/modules/style.ts
index ae1462e..a2ffc0a 100644
--- a/src/modules/style.ts
+++ b/src/modules/style.ts
@@ -321,6 +321,7 @@ style.textContent = css`
 		white-space: nowrap;
 		overflow: hidden;
 		position: relative;
+		min-width: 100% !important;
 	}
 	.seasonContainer {
 		position: relative;
@@ -369,7 +370,7 @@ style.textContent = css`
 		position: absolute;
 		z-index: 1;
 	}
-	.container {
+	.plexMeetsContainer {
 		z-index: 1;
 		float: left;
 		margin-bottom: 20px;
diff --git a/src/plex-meets-homeassistant.ts b/src/plex-meets-homeassistant.ts
index e19ef08..ec0d8ba 100644
--- a/src/plex-meets-homeassistant.ts
+++ b/src/plex-meets-homeassistant.ts
@@ -1506,7 +1506,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 		}
 
 		const container = document.createElement('div');
-		container.className = 'container';
+		container.className = 'plexMeetsContainer';
 		container.style.width = `${CSS_STYLE.width}px`;
 		if (hasAdditionalData) {
 			container.style.height = `${CSS_STYLE.height + 50}px`;