small fixes and shit

3 files changed, 40 insertions, 15 deletions

diff --git a/src/app/movies/styles/info.module.css b/src/app/movies/styles/info.module.css
index 23b3322..bc3b30a 100644
--- a/src/app/movies/styles/info.module.css
+++ b/src/app/movies/styles/info.module.css
@@ -26,8 +26,8 @@
 .HeroTitle {
 	display: flex;
 	flex-direction: column;
-	margin-left: 1rem;
-	padding: 0.5rem;
+	margin-left: 0.6rem;
+	padding: 0.3rem;
 }
 
 .HeroTitle h2 {
@@ -49,6 +49,8 @@
 .MovieDescription {
 	font-size: 18px;
 	margin: 0.2rem 0 0 0;
+	max-height: 140px;
+	overflow: auto;
 }
 
 .OtherInfo {
@@ -117,4 +119,23 @@
 	.VideoPlayer iframe {
 		height: 250px;
 	}
-}
+
+	.HeroTitle h2 {
+		font-size: 22px;
+	}
+
+	.HeroSection img {
+		width: 170px;
+		height: 267px;
+	}
+
+	.MovieDescription {
+		font-size: 16px;
+	}
+
+	.OtherInfo {
+		width: 90%;
+		margin: 1rem auto;
+	}
+
+}
\ No newline at end of file
diff --git a/src/app/movies/styles/pop_trend.module.css b/src/app/movies/styles/pop_trend.module.css
index 9b94078..2e9ebd9 100644
--- a/src/app/movies/styles/pop_trend.module.css
+++ b/src/app/movies/styles/pop_trend.module.css
@@ -8,13 +8,11 @@
 	margin: 0 0 0.5rem 0;
 	text-align: center;
 	color: transparent;
-	background: linear-gradient(
-		90deg,
-		var(--neon-green) 40%,
-		var(--light-green) 60%,
-		var(--neon-yellow) 80%,
-		var(--soft-purple) 100%
-	);
+	background: linear-gradient(90deg,
+			var(--neon-green) 40%,
+			var(--light-green) 60%,
+			var(--neon-yellow) 80%,
+			var(--soft-purple) 100%);
 	background-size: 60% 50%;
 	background-clip: text;
 }
@@ -36,7 +34,7 @@
 
 .MovieContainer:hover .MovieEntryPrev:hover {
 	opacity: 1;
-	scale: 1.02;
+	scale: 1.015;
 }
 
 .MovieEntryPrev {
@@ -52,15 +50,16 @@
 	justify-content: center;
 	flex-direction: column;
 	cursor: pointer;
-	backdrop-filter: blur(5px);
+	backdrop-filter: blur(10px);
 }
 
 .MovieEntry img {
 	border-radius: 0.5rem;
+	box-shadow: 0px 0px 10px 8px rgb(32, 32, 32);
 }
 
 .MovieEntry p {
-	width: 190px;
+	width: 160px;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
@@ -79,4 +78,4 @@
 		overflow-x: auto;
 		overflow-y: hidden;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/app/movies/styles/video_player.module.css b/src/app/movies/styles/video_player.module.css
index aa65b07..b8946e8 100644
--- a/src/app/movies/styles/video_player.module.css
+++ b/src/app/movies/styles/video_player.module.css
@@ -1,5 +1,5 @@
 .VideoContainer {
-    margin: 0.5rem 0 0 0;
+	margin: 0.5rem 0 0 0;
 }
 
 .VideoContainer button {
@@ -17,9 +17,14 @@
 
 .VideoPlayer {
 	width: 100%;
+	height: 500px;
 	aspect-ratio: "16/9";
 	border: none;
 	outline: none;
 	border-radius: 0.5rem;
 	margin: 0.5rem 0 0 0;
 }
+
+.VideoPlayer::-webkit-scrollbar {
+	width: 0px;
+}
\ No newline at end of file