From 6a037f2394bec426facc4f6fa9a5baa4cd78787b Mon Sep 17 00:00:00 2001
From: real-zephex <zephex0@gmail.com>
Date: Tue, 23 Apr 2024 20:32:21 +0530
Subject: Made the anime and kdrama titles to cut off after reaching div width.
 it just looks nice imo

---
 src/app/anime/recent/recent.module.css       | 5 +++--
 src/app/anime/search/search.module.css       | 4 ++--
 src/app/anime/top-airing/trending.module.css | 5 +++--
 src/app/kdrama/styles/popular.module.css     | 5 +++--
 4 files changed, 11 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index ca88518..baa93ba 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -53,8 +53,9 @@
 	margin: 5px auto;
 	width: 140px;
 	font-family: "Atkinson Hyperlegible";
-	height: 80px;
-	overflow-y: auto;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
 	transition: font-size 400ms ease;
 }
 
diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css
index 306daae..81cd9e5 100644
--- a/src/app/anime/search/search.module.css
+++ b/src/app/anime/search/search.module.css
@@ -1,6 +1,6 @@
 .waitWhileLoading {
 	font-size: 18px;
-	font-family: "Kanit";
+	font-family: "Atkinson Hyperlegible";
 	text-align: center;
 	color: white;
 }
@@ -33,7 +33,7 @@
 	outline: none;
 	background: none;
 	width: 100%;
-	font-family: "Lato";
+	font-family: "Atkinson Hyperlegible";
 	font-size: 16px;
 }
 
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index d8f1ed6..5b98e57 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -53,8 +53,9 @@
 	margin: 5px auto;
 	width: 140px;
 	font-family: "Atkinson Hyperlegible";
-	height: 80px;
-	overflow-y: auto;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
 }
 
 .trendingEntries p::-webkit-scrollbar {
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css
index 053c558..537e053 100644
--- a/src/app/kdrama/styles/popular.module.css
+++ b/src/app/kdrama/styles/popular.module.css
@@ -58,6 +58,7 @@
 	color: white;
 	font-family: "Atkinson Hyperlegible";
 	width: 140px;
-	height: 60px;
-	overflow-y: auto;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
 }
\ No newline at end of file
-- 
cgit v1.2.3