From c6c24524b46e237bee796cb57b9a27c437c458ae Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Tue, 8 Sep 2026 09:07:51 -0400
Subject: fix: make game group collapse controls compact

---
 src/components/GameConfigurationSelector.tsx | 32 ++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

(limited to 'src/components')

diff --git a/src/components/GameConfigurationSelector.tsx b/src/components/GameConfigurationSelector.tsx
index a046594..15f2465 100644
--- a/src/components/GameConfigurationSelector.tsx
+++ b/src/components/GameConfigurationSelector.tsx
@@ -52,13 +52,25 @@ function GameGroup({
   return (
     <>
       <PanelSectionRow>
-        <ButtonItem
-          layout="below"
-          bottomSeparator={collapsed ? "standard" : "none"}
-          onClick={onToggle}
+        <Field label={`${title} (${games.length})`} bottomSeparator="none" />
+      </PanelSectionRow>
+      <PanelSectionRow>
+        <div
+          className="LSFG_GameGroupCollapseButton_Container"
+          style={{ marginTop: "-2px", marginBottom: "4px" }}
         >
-          {collapsed ? <RiArrowDownSFill /> : <RiArrowUpSFill />} {title} ({games.length})
-        </ButtonItem>
+          <ButtonItem
+            layout="below"
+            bottomSeparator={collapsed ? "standard" : "none"}
+            onClick={onToggle}
+          >
+            {collapsed ? (
+              <RiArrowDownSFill style={{ transform: "translate(0, -13px)", fontSize: "1.5em" }} />
+            ) : (
+              <RiArrowUpSFill style={{ transform: "translate(0, -12px)", fontSize: "1.5em" }} />
+            )}
+          </ButtonItem>
+        </div>
       </PanelSectionRow>
       {!collapsed && games.map((game) => (
         <PanelSectionRow key={game.appid}>
@@ -116,6 +128,14 @@ export function GameConfigurationSelector({ targets, runningGame, onSelect, onEn
 
   return (
     <>
+      <style>
+        {`
+          .LSFG_GameGroupCollapseButton_Container > div > div > div > button,
+          .LSFG_GameGroupCollapseButton_Container > div > div > div > div > button {
+            height: 10px !important;
+          }
+        `}
+      </style>
       {targets.length === 0 && (
         <PanelSectionRow>
           <Field label="No installed games" description="Steam has not reported any eligible games" />
-- 
cgit v1.2.3