From 8aa6e113e74f8fd1053b867570b862343931769e Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Wed, 10 Dec 2025 19:53:53 +0200
Subject: [PATCH 1/2] refactor(download-group): update button interaction and
 styles

---
 .../src/pages/downloads/download-group.scss   | 25 +++++++++++++------
 .../src/pages/downloads/download-group.tsx    |  9 ++++++-
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/pages/downloads/download-group.scss b/src/renderer/src/pages/downloads/download-group.scss
index 0b9deea3..364a0391 100644
--- a/src/renderer/src/pages/downloads/download-group.scss
+++ b/src/renderer/src/pages/downloads/download-group.scss
@@ -108,16 +108,11 @@
       cursor: pointer;
       display: flex;
       align-items: center;
-      transition: opacity 0.2s ease;
+      transition: scale 0.2s ease;
       outline: none;
 
       &:hover {
-        opacity: 0.8;
-      }
-
-      &:focus,
-      &:focus-visible {
-        outline: none;
+        scale: 1.05;
       }
     }
 
@@ -411,6 +406,22 @@
     gap: calc(globals.$spacing-unit / 1);
   }
 
+  &__simple-title-button {
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    text-align: left;
+    width: 100%;
+    transition: opacity 0.2s ease;
+
+
+    &:focus,
+    &:focus-visible {
+      outline: none;
+    }
+  }
+
   &__simple-title {
     font-size: 16px;
     font-weight: 600;
diff --git a/src/renderer/src/pages/downloads/download-group.tsx b/src/renderer/src/pages/downloads/download-group.tsx
index bcecbc7c..1efd2311 100644
--- a/src/renderer/src/pages/downloads/download-group.tsx
+++ b/src/renderer/src/pages/downloads/download-group.tsx
@@ -436,6 +436,7 @@ export function DownloadGroup({
   seedingStatus,
 }: Readonly<DownloadGroupProps>) {
   const { t } = useTranslation("downloads");
+  const navigate = useNavigate();
 
   const userPreferences = useAppSelector(
     (state) => state.userPreferences.value
@@ -872,7 +873,13 @@ export function DownloadGroup({
               </div>
 
               <div className="download-group__simple-info">
-                <h3 className="download-group__simple-title">{game.title}</h3>
+                <button
+                  type="button"
+                  onClick={() => navigate(buildGameDetailsPath(game))}
+                  className="download-group__simple-title-button"
+                >
+                  <h3 className="download-group__simple-title">{game.title}</h3>
+                </button>
                 <div className="download-group__simple-meta">
                   <div className="download-group__simple-meta-row">
                     <Badge>{DOWNLOADER_NAME[game.download!.downloader]}</Badge>

From 19406dd05143e99fce621c84d184d3013a25ded9 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Wed, 10 Dec 2025 19:54:22 +0200
Subject: [PATCH 2/2] style(download-group): remove unnecessary blank line for
 cleaner SCSS

---
 src/renderer/src/pages/downloads/download-group.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/renderer/src/pages/downloads/download-group.scss b/src/renderer/src/pages/downloads/download-group.scss
index 364a0391..3b098175 100644
--- a/src/renderer/src/pages/downloads/download-group.scss
+++ b/src/renderer/src/pages/downloads/download-group.scss
@@ -415,7 +415,6 @@
     width: 100%;
     transition: opacity 0.2s ease;
 
-
     &:focus,
     &:focus-visible {
       outline: none;