From 366cb1ac2f99370c1b961e8248880740bc320b90 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 5 Jun 2024 15:29:50 -0300
Subject: [PATCH] separator

---
 .../src/pages/game-details/hero/hero-panel-actions.css.ts | 8 +++++++-
 .../src/pages/game-details/hero/hero-panel-actions.tsx    | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts b/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts
index 6280c8ce..7f56588a 100644
--- a/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts
+++ b/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts
@@ -1,7 +1,13 @@
 import { style } from "@vanilla-extract/css";
 
-import { vars } from "../../../theme.css";
+import { SPACING_UNIT, vars } from "../../../theme.css";
 
 export const heroPanelAction = style({
   border: `solid 1px ${vars.color.muted}`,
 });
+
+export const separator = style({
+  width: "1px",
+  backgroundColor: vars.color.border,
+  margin: `${SPACING_UNIT / 2}px 0`,
+});
diff --git a/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx b/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
index 21e7c510..ba35e404 100644
--- a/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
+++ b/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
@@ -245,6 +245,8 @@ export function HeroPanelActions() {
           <GearIcon />
         </Button>
 
+        <div className={styles.separator} />
+
         {game?.progress === 1 && game?.folderName && (
           <>
             <BinaryNotFoundModal