From 875f451a072a47fddac09d9399c528a66397236f Mon Sep 17 00:00:00 2001
From: zephex-alt <166333351+zephex-alt@users.noreply.github.com>
Date: Fri, 3 May 2024 04:25:40 +0000
Subject: some more changes

---
 src/app/kdrama/[id]/page.jsx          |  8 ++------
 src/app/kdrama/styles/info.module.css | 16 ++++++++--------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/app/kdrama/[id]/page.jsx b/src/app/kdrama/[id]/page.jsx
index f6926c2..38593e7 100644
--- a/src/app/kdrama/[id]/page.jsx
+++ b/src/app/kdrama/[id]/page.jsx
@@ -37,9 +37,7 @@ export default async function DramaInfo({ params }) {
 						<span className={styles.genreMain}>Genres: </span>
 						{info.genres &&
 							info.genres.map((item, index) => (
-								<span key={index} className={styles.genreEntry}>
-									{item}
-								</span>
+								<p key={index}>{item}</p>
 							))}
 					</div>
 
@@ -48,9 +46,7 @@ export default async function DramaInfo({ params }) {
 						<span className={styles.genreMain}>AKA: </span>
 						{info.otherNames &&
 							info.otherNames.map((item, index) => (
-								<span key={index} className={styles.genreEntry}>
-									{item}
-								</span>
+								<p key={index}>{item}</p>
 							))}
 					</div>
 
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css
index 070b904..9da3034 100644
--- a/src/app/kdrama/styles/info.module.css
+++ b/src/app/kdrama/styles/info.module.css
@@ -34,6 +34,14 @@
 	display: flex;
 	align-items: center;
 	overflow-x: auto;
+	color: white;
+	margin-top: 1rem;
+}
+.DramaGenre p {
+	background-color: #1f1f1f;
+	margin: 0rem 0rem 0rem 0.4rem;
+	padding: 0.4rem;
+	border-radius: 0.2rem;
 }
 
 .DramaGenre::-webkit-scrollbar {
@@ -50,14 +58,6 @@
 	font-size: 18px;
 }
 
-.genreEntry {
-	background-color: #31313141;
-	color: white;
-	padding: 5px;
-	margin: 3px;
-	border-radius: 5px;
-}
-
 .EpisodesContainer {
 	margin-top: -10px;
 }
-- 
cgit v1.2.3