From 76fc992d65f0eea727e61f779603dd0d0b23dcb7 Mon Sep 17 00:00:00 2001
From: rickxz <herick.victor.rodrigues@hotmail.com>
Date: Tue, 4 Jun 2024 16:16:21 -0300
Subject: [PATCH] style(downloads): make game actions buttons the same size in
 smaller devices and crop repack title

---
 src/renderer/src/pages/downloads/downloads.css.ts | 9 ++++++++-
 src/renderer/src/pages/downloads/downloads.tsx    | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/downloads/downloads.css.ts b/src/renderer/src/pages/downloads/downloads.css.ts
index 913bec479..57958704b 100644
--- a/src/renderer/src/pages/downloads/downloads.css.ts
+++ b/src/renderer/src/pages/downloads/downloads.css.ts
@@ -21,6 +21,11 @@ export const downloadTitle = style({
   },
 });
 
+export const repackTitle = style({
+  maxHeight: "40px",
+  overflow: "hidden",
+});
+
 export const downloaderName = style({
   color: "#c0c1c7",
   fontSize: "10px",
@@ -112,14 +117,16 @@ export const downloadDetails = style({
 
 export const downloadRightContent = style({
   display: "flex",
+  alignItems: "center",
   padding: `${SPACING_UNIT * 2}px`,
   flex: "1",
   gap: `${SPACING_UNIT}px`,
 });
 
 export const downloadActions = style({
+  height: "fit-content",
   display: "flex",
-  alignItems: "center",
+  alignItems: "stretch",
   gap: `${SPACING_UNIT}px`,
 });
 
diff --git a/src/renderer/src/pages/downloads/downloads.tsx b/src/renderer/src/pages/downloads/downloads.tsx
index e3e221e15..1999caf67 100644
--- a/src/renderer/src/pages/downloads/downloads.tsx
+++ b/src/renderer/src/pages/downloads/downloads.tsx
@@ -101,7 +101,7 @@ export function Downloads() {
     if (game.progress === 1) {
       return (
         <>
-          <p>{game.repack?.title}</p>
+          <p className={styles.repackTitle}>{game.repack?.title}</p>
           <p>{t("completed")}</p>
         </>
       );