From db111aaa2e045ebe7048bf6fed8223a7559c57c9 Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Wed, 7 Jan 2026 15:01:44 -0700
Subject: [PATCH] Fix stupidness here

---
 src/app/game/page.tsx | 108 ++++++++++++++++++++++--------------------
 src/app/page.tsx      |  32 +++++++------
 2 files changed, 73 insertions(+), 67 deletions(-)

diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx
index 12f8bb4..e0913b6 100644
--- a/src/app/game/page.tsx
+++ b/src/app/game/page.tsx
@@ -101,13 +101,14 @@ export default function Installs () {
                     setHoveredIds(prev => prev.filter(i => i !== i))
                   }
                 >
-                  <div className='flex flex-col'>
+                  <div className='h-18 w-screen relative'>
                     <p className='text-2xl'>
                       {getVersionGame(getVersionInfo(entry)?.game)?.name} v
                       {getVersionInfo(entry)?.versionName}
                     </p>
+
                     <div
-                      className={`entry-info-item mt-2 ${
+                      className={`entry-info-item absolute left-0 bottom-0 ${
                         hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
                       }`}
                       title='The date the game was installed in MM/dd/yyyy format'
@@ -120,56 +121,59 @@ export default function Installs () {
                         )}
                       </p>
                     </div>
-                  </div>
-                  <div className='flex flex-row items-center gap-2 mt-auto'>
-                    <button
-                      className={`button ${
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
-                      }`}
-                      onClick={e => {
-                        e.stopPropagation()
-                        setManagingVersion(entry)
-                        setPopupMode(3)
-                        setShowPopup(true)
-                        setFadeOut(false)
-                      }}
-                      title='Click to view version info'
-                    >
-                      View Info
-                    </button>
-                    <button
-                      className={`button ${
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
-                      }`}
-                      onClick={e => {
-                        e.stopPropagation()
-                        setManagingVersion(entry)
-                        setPopupMode(2)
-                        setShowPopup(true)
-                        setFadeOut(false)
-                      }}
-                      title='Click to manage this version install'
-                    >
-                      Manage
-                    </button>
-                    <button
-                      className={`button ${
-                        hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
-                      }`}
-                      onClick={e => {
-                        e.stopPropagation()
-                        const verInfo = getVersionInfo(entry)
-                        if (verInfo == undefined) return
-                        invoke('launch_game', {
-                          name: verInfo.id,
-                          executable: verInfo.executable
-                        })
-                      }}
-                      hidden={!normalConfig?.settings.useLegacyInteractButtons}
-                      title='Click to launch game'
-                    >
-                      Launch
-                    </button>
+
+                    <div className='flex gap-2 absolute right-0 bottom-0'>
+                      <button
+                        className={`button ${
+                          hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                        }`}
+                        onClick={e => {
+                          e.stopPropagation()
+                          setManagingVersion(entry)
+                          setPopupMode(3)
+                          setShowPopup(true)
+                          setFadeOut(false)
+                        }}
+                        title='Click to view version info'
+                      >
+                        View Info
+                      </button>
+                      <button
+                        className={`button ${
+                          hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                        }`}
+                        onClick={e => {
+                          e.stopPropagation()
+                          setManagingVersion(entry)
+                          setPopupMode(2)
+                          setShowPopup(true)
+                          setFadeOut(false)
+                        }}
+                        title='Click to manage this version install'
+                      >
+                        Manage
+                      </button>
+                      <button
+                        className={`button ${
+                          hoveredIds.includes(entry) ? 'btntheme3' : 'btntheme2'
+                        }`}
+                        onClick={e => {
+                          e.stopPropagation()
+                          const verInfo = getVersionInfo(entry)
+                          if (verInfo == undefined) return
+                          invoke('launch_game', {
+                            name: verInfo.id,
+                            executable: verInfo.executable
+                          })
+                        }}
+                        hidden={
+                          !normalConfig?.settings.useLegacyInteractButtons
+                        }
+                        title='Click to launch game'
+                      >
+                        Launch
+                      </button>
+                    </div>
                   </div>
                 </div>
               ))
diff --git a/src/app/page.tsx b/src/app/page.tsx
index aba7315..e4c842e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -87,9 +87,10 @@ export default function Installs () {
                     setHoveredIds(prev => prev.filter(e => e !== i.id))
                   }
                 >
-                  <div className='flex flex-col'>
+                  <div className='h-18 w-screen relative'>
                     <p className='text-2xl'>{i.name}</p>
-                    <div className='flex gap-2 mt-2'>
+
+                    <div className='flex gap-2 absolute left-0 bottom-0'>
                       <div
                         className={`entry-info-item ${
                           hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
@@ -133,20 +134,21 @@ export default function Installs () {
                         <p>{i.verified ? 'Verified' : 'Unverified'}</p>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    className='flex flex-row items-center gap-2 mt-auto'
-                    hidden={!normalConfig?.settings.useLegacyInteractButtons}
-                    title='Click to view game installs'
-                  >
-                    <Link
-                      className={`button ${
-                        hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
-                      }`}
-                      href={'/game?id=' + i.id}
+
+                    <div
+                      className='flex gap-2 absolute right-0 bottom-0'
+                      hidden={!normalConfig?.settings.useLegacyInteractButtons}
+                      title='Click to view game installs'
                     >
-                      Installs
-                    </Link>
+                      <Link
+                        className={`button ${
+                          hoveredIds.includes(i.id) ? 'btntheme3' : 'btntheme2'
+                        }`}
+                        href={'/game?id=' + i.id}
+                      >
+                        Installs
+                      </Link>
+                    </div>
                   </div>
                 </div>
               ))