separator

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`,
+});

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