From 991c10d48a30b82d2ac6a1f15961e75d0f63ecf1 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 21 Jun 2026 23:40:45 +0100
Subject: [PATCH] Refactor DashboardNavigation and WebAppSwitcher components to
 improve layout and user interaction. Adjust padding in DashboardNavigation
 and replace Tooltip with KeyboardShortcut in WebAppSwitcher for enhanced
 accessibility and streamlined code.

---
 .../Dashboard/common/DashboardNavigation.jsx           |  2 +-
 src/components/Dashboard/common/WebAppSwitcher.jsx     | 10 ++++------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Dashboard/common/DashboardNavigation.jsx b/src/components/Dashboard/common/DashboardNavigation.jsx
index 1946bd5..b9181af 100644
--- a/src/components/Dashboard/common/DashboardNavigation.jsx
+++ b/src/components/Dashboard/common/DashboardNavigation.jsx
@@ -225,7 +225,7 @@ const DashboardNavigation = () => {
         align='center'
         style={{ marginTop: '-2px', marginRight: '6px' }}
       >
-        <Space>
+        <Space style={{ paddingTop: '2px' }}>
           <WebAppSwitcher />
           <KeyboardShortcut
             shortcut='alt+q'
diff --git a/src/components/Dashboard/common/WebAppSwitcher.jsx b/src/components/Dashboard/common/WebAppSwitcher.jsx
index 25a056c..e949121 100644
--- a/src/components/Dashboard/common/WebAppSwitcher.jsx
+++ b/src/components/Dashboard/common/WebAppSwitcher.jsx
@@ -1,10 +1,11 @@
 import { useContext } from 'react'
 import { useLocation, useNavigate } from 'react-router-dom'
-import { Button, Tooltip } from 'antd'
+import { Button } from 'antd'
 import { ElectronContext } from '../context/ElectronContext'
 import OpenInAppIcon from '../../Icons/OpenInAppIcon'
 import OpenInBrowserIcon from '../../Icons/OpenInBrowserIcon'
 import config from '../../../config'
+import KeyboardShortcut from './KeyboardShortcut'
 
 const WebAppSwitcher = () => {
   const { isElectron, openExternalUrl } = useContext(ElectronContext)
@@ -42,17 +43,14 @@ const WebAppSwitcher = () => {
   }
 
   return (
-    <Tooltip
-      title={isElectron ? 'Open in browser' : 'Open in app'}
-      arrow={false}
-    >
+    <KeyboardShortcut shortcut='alt+w' hint='ALT W' onTrigger={handleClick}>
       <Button
         icon={isElectron ? <OpenInBrowserIcon /> : <OpenInAppIcon />}
         type='text'
         style={{ marginTop: '4px' }}
         onClick={handleClick}
       />
-    </Tooltip>
+    </KeyboardShortcut>
   )
 }