minor fix

9 files changed, 9 insertions, 23 deletions

diff --git a/src/app/anime/[id]/loading.module.css b/src/app/anime/[id]/loading.module.css
index a2940ed..63604d5 100644
--- a/src/app/anime/[id]/loading.module.css
+++ b/src/app/anime/[id]/loading.module.css
@@ -2,7 +2,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	height: 85dvh;
+	height: 100dvh;
 }
 
 .loadingText {
diff --git a/src/app/anime/anime.css b/src/app/anime/anime.css
deleted file mode 100644
index 451b73a..0000000
--- a/src/app/anime/anime.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.underDev {
-	text-align: center;
-	height: 90vh;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-}
-
-.maintainenceContainer {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-	height: 80dvh;
-}
\ No newline at end of file
diff --git a/src/app/anime/page.jsx b/src/app/anime/page.jsx
index 0b903e2..a7a96c2 100644
--- a/src/app/anime/page.jsx
+++ b/src/app/anime/page.jsx
@@ -1,11 +1,11 @@
-import "./anime.css";
+import styles from "./anime.module.css";
 import Trending from "./top-airing/page";
 import Releases from "./recent/page";
 import Input from "./search/page";
 
 export default async function Anime() {
 	return (
-		<div>
+		<div className={styles.Main}>
 			<Input />
 			<Trending />
 			<br />
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index ab9d98d..658d006 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -17,6 +17,7 @@
 .Recent {
 	display: flex;
 	overflow-x: auto;
+	margin: 5px;
 }
 
 .Recent::-webkit-scrollbar {
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index 3aa1ee7..f94dc58 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -17,6 +17,7 @@
 .trending {
 	display: flex;
 	overflow-x: auto;
+	margin: 5px;
 }
 
 .trending::-webkit-scrollbar {
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx
index 4b8b293..42536dd 100644
--- a/src/app/kdrama/components/popular.jsx
+++ b/src/app/kdrama/components/popular.jsx
@@ -7,7 +7,7 @@ export default async function PopularDramas() {
 
 	return (
 		<div className={styles.Main}>
-			<p className={styles.popDramasText}>Popular Dramas</p>
+			<p className={styles.popDramasText}>Trending Dramas</p>
 
 			<div className={styles.AnimeContainer}>
 				{popular &&
diff --git a/src/app/kdrama/loading.jsx b/src/app/kdrama/loading.jsx
index 2415575..9d5b702 100644
--- a/src/app/kdrama/loading.jsx
+++ b/src/app/kdrama/loading.jsx
@@ -3,7 +3,7 @@ import styles from "./styles/loading.module.css";
 export default async function Loading() {
 	return (
 		<div className={styles.Main}>
-			<div className={styles.LoadingContainer}></div>;
+			<div className={styles.LoadingContainer}></div>
 		</div>
 	);
 }
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css
index 3ff021f..456b9cd 100644
--- a/src/app/kdrama/styles/info.module.css
+++ b/src/app/kdrama/styles/info.module.css
@@ -112,5 +112,6 @@
 @media screen and (max-width: 768px) {
 	.VideoPlayer {
 		width: 100%;
+		height: auto;
 	}
 }
\ No newline at end of file
diff --git a/src/app/kdrama/styles/loading.module.css b/src/app/kdrama/styles/loading.module.css
index 2a24411..557f50a 100644
--- a/src/app/kdrama/styles/loading.module.css
+++ b/src/app/kdrama/styles/loading.module.css
@@ -1,11 +1,10 @@
 .Main {
-	height: 100vh;
+	height: 100dvh;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 
-
 .LoadingContainer {
 	width: 50px;
 	height: 50px;