From 0d9224bc090b67825b2eed751789eef99c5fa8f0 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 31 Mar 2023 06:22:04 -0700
Subject: [PATCH] Style fixes

---
 .../settings/components/settings-header.tsx   | 44 ++++++++++---------
 .../hooks/use-should-pad-titlebar.tsx         |  2 +
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/renderer/features/settings/components/settings-header.tsx b/src/renderer/features/settings/components/settings-header.tsx
index 1ca47b39..35347ffa 100644
--- a/src/renderer/features/settings/components/settings-header.tsx
+++ b/src/renderer/features/settings/components/settings-header.tsx
@@ -22,27 +22,29 @@ export const SettingsHeader = () => {
   };
 
   return (
-    <PageHeader>
-      <LibraryHeaderBar>
-        <Flex
-          align="center"
-          justify="space-between"
-          w="100%"
-        >
-          <Group noWrap>
-            <RiSettings2Fill size="2rem" />
-            <LibraryHeaderBar.Title>Settings</LibraryHeaderBar.Title>
-            <LibraryHeaderBar.Badge>v{packageJson.version}</LibraryHeaderBar.Badge>
-          </Group>
-          <Button
-            compact
-            variant="default"
-            onClick={openResetConfirmModal}
+    <Flex>
+      <PageHeader>
+        <LibraryHeaderBar>
+          <Flex
+            align="center"
+            justify="space-between"
+            w="100%"
           >
-            Reset to default
-          </Button>
-        </Flex>
-      </LibraryHeaderBar>
-    </PageHeader>
+            <Group noWrap>
+              <RiSettings2Fill size="2rem" />
+              <LibraryHeaderBar.Title>Settings</LibraryHeaderBar.Title>
+              <LibraryHeaderBar.Badge>v{packageJson.version}</LibraryHeaderBar.Badge>
+            </Group>
+            <Button
+              compact
+              variant="default"
+              onClick={openResetConfirmModal}
+            >
+              Reset to default
+            </Button>
+          </Flex>
+        </LibraryHeaderBar>
+      </PageHeader>
+    </Flex>
   );
 };
diff --git a/src/renderer/hooks/use-should-pad-titlebar.tsx b/src/renderer/hooks/use-should-pad-titlebar.tsx
index 97407c34..b83424cd 100644
--- a/src/renderer/hooks/use-should-pad-titlebar.tsx
+++ b/src/renderer/hooks/use-should-pad-titlebar.tsx
@@ -1,3 +1,4 @@
+import isElectron from 'is-electron';
 import { useLocation } from 'react-router';
 import { AppRoute } from '/@/renderer/router/routes';
 import { useSidebarRightExpanded, useGeneralSettings, useWindowSettings } from '/@/renderer/store';
@@ -11,6 +12,7 @@ export const useShouldPadTitlebar = () => {
   const { windowBarStyle } = useWindowSettings();
 
   const conditions = [
+    isElectron(),
     windowBarStyle === Platform.WEB,
     !(isSidebarExpanded && sideQueueType === 'sideQueue' && !isQueuePage),
   ];