Fix: Line breaks on metadata in detail on small screens

4 years ago · 827836faf0
parent 888fb9f670
commit 827836faf0
2 changed files with 18 additions and 0 deletions
--- 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;
--- 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;