From 370fa2b85d84290bb7a7661b65cd7b7bad1f8c71 Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Sat, 20 Dec 2025 19:55:00 -0700
Subject: [PATCH] Fix issues with text overflowing

---
 src/app/game/page.tsx | 10 ++++++++--
 src/app/layout.tsx    |  8 +++++---
 src/app/page.tsx      | 12 ++++++++++--
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx
index 43670bc..1ddf9f8 100644
--- a/src/app/game/page.tsx
+++ b/src/app/game/page.tsx
@@ -99,12 +99,18 @@ export default function Installs () {
                   }
                 >
                   <div className='flex flex-col'>
-                    <p className='text-2xl'>
+                    <p
+                      className={`text-2xl ${
+                        normalConfig?.settings.useLegacyInteractButtons
+                          ? 'w-[calc(100vw-605px)]'
+                          : 'w-[calc(100vw-520px)]'
+                      } truncate`}
+                    >
                       {getVersionGame(getVersionInfo(entry)?.game)?.name} v
                       {getVersionInfo(entry)?.versionName}
                     </p>
                     <div
-                      className={`entry-info-item ${
+                      className={`entry-info-item mt-2 ${
                         hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
                       }`}
                     >
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bd963fb..cec19cb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -505,8 +505,8 @@ export default function RootLayout ({
                                     <p
                                       className={`text-2xl truncate ${
                                         selectedVersionList.includes(v.id)
-                                          ? 'max-w-82.5'
-                                          : 'max-w-90'
+                                          ? 'max-w-80.5'
+                                          : 'max-w-87.5'
                                       }`}
                                     >
                                       {getVersionGame(v.game)?.name} v
@@ -557,7 +557,9 @@ export default function RootLayout ({
                           <div className='popup-content'>
                             {serverVersionList?.games.map((v, i) => (
                               <div key={i} className='popup-entry'>
-                                <p className='text-2xl'>{v.name}</p>
+                                <p className='text-2xl w-[calc(100vw-380px)] truncate'>
+                                  {v.name}
+                                </p>
                                 <div className='flex gap-2'>
                                   <div className='entry-info-item btntheme3'>
                                     <p>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0f7badc..6b4edb4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -85,8 +85,16 @@ export default function Installs () {
                   }
                 >
                   <div className='flex flex-col'>
-                    <p className='text-2xl'>{i.name}</p>
-                    <div className='flex gap-2'>
+                    <p
+                      className={`text-2xl ${
+                        normalConfig?.settings.useLegacyInteractButtons
+                          ? 'w-[calc(100vw-415px)]'
+                          : 'w-[calc(100vw-335px)]'
+                      } truncate`}
+                    >
+                      {i.name}
+                    </p>
+                    <div className='flex gap-2 mt-2'>
                       <div
                         className={`entry-info-item ${
                           hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'