From 827836faf0112f6c19fa66d545ff4c9df59847e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juraj=20Nyi=CC=81ri?= <jnyiri@sk.ibm.com>
Date: Wed, 5 May 2021 14:33:17 +0200
Subject: [PATCH] Fix: Line breaks on metadata in detail on small screens

---
 dist/plex-meets-homeassistant.js | 9 +++++++++
 src/modules/style.ts             | 9 +++++++++
 2 files changed, 18 insertions(+)

diff --git a/dist/plex-meets-homeassistant.js b/dist/plex-meets-homeassistant.js
index dd8634f..4cd776a 100644
--- a/dist/plex-meets-homeassistant.js
+++ b/dist/plex-meets-homeassistant.js
@@ -18958,12 +18958,18 @@ style.textContent = css `
 		background: #ffffff24;
 		padding: 5px 10px;
 		border-radius: 5px;
+		white-space: nowrap;
+		margin-bottom: 10px;
+		float: left;
 	}
 	.contentRatingDetail {
 		background: #ffffff24;
 		padding: 5px 10px;
 		border-radius: 5px;
 		margin-right: 10px;
+		white-space: nowrap;
+		float: left;
+		margin-bottom: 10px;
 	}
 	.clear {
 		clear: both;
@@ -18973,6 +18979,9 @@ style.textContent = css `
 		padding: 5px 10px;
 		border-radius: 5px;
 		margin-right: 10px;
+		white-space: nowrap;
+		float: left;
+		margin-bottom: 10px;
 	}
 	.detail .metaInfo {
 		display: block;
diff --git a/src/modules/style.ts b/src/modules/style.ts
index cbaa3b3..9410d74 100644
--- a/src/modules/style.ts
+++ b/src/modules/style.ts
@@ -18,12 +18,18 @@ style.textContent = css`
 		background: #ffffff24;
 		padding: 5px 10px;
 		border-radius: 5px;
+		white-space: nowrap;
+		margin-bottom: 10px;
+		float: left;
 	}
 	.contentRatingDetail {
 		background: #ffffff24;
 		padding: 5px 10px;
 		border-radius: 5px;
 		margin-right: 10px;
+		white-space: nowrap;
+		float: left;
+		margin-bottom: 10px;
 	}
 	.clear {
 		clear: both;
@@ -33,6 +39,9 @@ style.textContent = css`
 		padding: 5px 10px;
 		border-radius: 5px;
 		margin-right: 10px;
+		white-space: nowrap;
+		float: left;
+		margin-bottom: 10px;
 	}
 	.detail .metaInfo {
 		display: block;