From f9487597fbc1a780ea238289d21a9c3e3ab6fd4f Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Mon, 2 Dec 2024 00:48:44 +0100
Subject: [PATCH] [PUI] Make dashboard header look less like a widget (#8611)

* blend in header

* move indicator
---
 src/frontend/src/components/dashboard/DashboardLayout.tsx | 3 +--
 src/frontend/src/components/dashboard/DashboardMenu.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/dashboard/DashboardLayout.tsx b/src/frontend/src/components/dashboard/DashboardLayout.tsx
index d536627d4f72..42fa9ddaef51 100644
--- a/src/frontend/src/components/dashboard/DashboardLayout.tsx
+++ b/src/frontend/src/components/dashboard/DashboardLayout.tsx
@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { Alert, Card, Center, Divider, Loader, Text } from '@mantine/core';
+import { Alert, Card, Center, Loader, Text } from '@mantine/core';
 import { useDisclosure, useHotkeys } from '@mantine/hooks';
 import { IconInfoCircle } from '@tabler/icons-react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
@@ -275,7 +275,6 @@ export default function DashboardLayout() {
         editing={editing}
         removing={removing}
       />
-      <Divider p='xs' />
       {layouts && loaded && availableWidgets.loaded ? (
         <>
           {widgetLabels.length == 0 ? (
diff --git a/src/frontend/src/components/dashboard/DashboardMenu.tsx b/src/frontend/src/components/dashboard/DashboardMenu.tsx
index ba2474bf625e..d30c5f569561 100644
--- a/src/frontend/src/components/dashboard/DashboardMenu.tsx
+++ b/src/frontend/src/components/dashboard/DashboardMenu.tsx
@@ -50,7 +50,7 @@ export default function DashboardMenu({
   }, [user, instanceName]);
 
   return (
-    <Paper p='sm' shadow='xs'>
+    <Paper p='sm' pr={0}>
       <Group justify='space-between' wrap='nowrap'>
         {title}
 
@@ -76,7 +76,7 @@ export default function DashboardMenu({
             <Menu.Target>
               <Indicator
                 color='red'
-                position='bottom-start'
+                position='bottom-center'
                 processing
                 disabled={!editing}
               >