From 1eb8f929462bc487cccf4927c3d5545222fa4227 Mon Sep 17 00:00:00 2001
From: Novattz <iver.kleivbakk@gmail.com>
Date: Tue, 11 Nov 2025 15:29:51 +0100
Subject: [PATCH] Change "Manage DLCs" button to be icon only

---
 src/components/games/GameItem.tsx                 |  5 +++--
 src/styles/components/buttons/_action_button.scss | 11 +++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/games/GameItem.tsx b/src/components/games/GameItem.tsx
index 5b75574..ab94445 100644
--- a/src/components/games/GameItem.tsx
+++ b/src/components/games/GameItem.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react'
 import { findBestGameImage } from '@/services/ImageService'
 import { Game } from '@/types'
 import { ActionButton, ActionType, Button } from '@/components/buttons'
+import { Icon } from '@/components/icons'
 
 interface GameItemProps {
   game: Game
@@ -150,9 +151,9 @@ const GameItem = ({ game, onAction, onEdit }: GameItemProps) => {
               onClick={handleEdit}
               disabled={!game.cream_installed || !!game.installing}
               title="Manage DLCs"
-              className="edit-button"
+              className="edit-button settings-icon-button"
             >
-              Manage DLCs
+              <Icon name="Settings" size="md" />
             </Button>
           )}
         </div>
diff --git a/src/styles/components/buttons/_action_button.scss b/src/styles/components/buttons/_action_button.scss
index 80ab650..de0b445 100644
--- a/src/styles/components/buttons/_action_button.scss
+++ b/src/styles/components/buttons/_action_button.scss
@@ -96,6 +96,17 @@
     transform: none;
     box-shadow: none;
   }
+
+  // Settings icon button variant
+  &.settings-icon-button {
+    svg {
+      transition: transform var(--duration-normal) var(--easing-ease-out);
+    }
+
+    &:hover svg {
+      transform: rotate(90deg);
+    }
+  }
 }
 
 // Animation for loading state