From cfb02766e29585a6a9913524aab57d6025d781c9 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Mon, 20 Apr 2026 23:12:51 +0100
Subject: [PATCH] refactor(base): simplify draft banner to inline Reset/Save
 controls

---
 .../components/base-view-draft-banner.tsx     | 43 ++++++++++---------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/apps/client/src/features/base/components/base-view-draft-banner.tsx b/apps/client/src/features/base/components/base-view-draft-banner.tsx
index c3fdf10c..f0c1eb45 100644
--- a/apps/client/src/features/base/components/base-view-draft-banner.tsx
+++ b/apps/client/src/features/base/components/base-view-draft-banner.tsx
@@ -1,5 +1,4 @@
-import { Paper, Group, Text, Button } from "@mantine/core";
-import { IconInfoCircle } from "@tabler/icons-react";
+import { Group, Button, Tooltip } from "@mantine/core";
 import { useTranslation } from "react-i18next";
 
 type BaseViewDraftBannerProps = {
@@ -20,25 +19,27 @@ export function BaseViewDraftBanner({
   const { t } = useTranslation();
   if (!isDirty) return null;
   return (
-    <Paper withBorder radius="sm" px="md" py="xs" bg="yellow.0">
-      <Group justify="space-between" wrap="nowrap">
-        <Group gap="xs" wrap="nowrap">
-          <IconInfoCircle size={16} />
-          <Text size="sm">
-            {t("Filter and sort changes are visible only to you.")}
-          </Text>
-        </Group>
-        <Group gap="sm" wrap="nowrap">
-          <Button variant="subtle" color="gray" size="xs" onClick={onReset}>
-            {t("Reset")}
+    <Group justify="flex-end" gap="xs" px="md" py={6} wrap="nowrap">
+      <Button variant="subtle" color="gray" size="xs" onClick={onReset}>
+        {t("Reset")}
+      </Button>
+      {canSave && (
+        <Tooltip
+          label={t("Filter and sort changes are visible only to you")}
+          position="bottom"
+          withArrow
+        >
+          <Button
+            variant="light"
+            color="orange"
+            size="xs"
+            onClick={onSave}
+            loading={saving}
+          >
+            {t("Save for everyone")}
           </Button>
-          {canSave && (
-            <Button size="xs" onClick={onSave} loading={saving}>
-              {t("Save for everyone")}
-            </Button>
-          )}
-        </Group>
-      </Group>
-    </Paper>
+        </Tooltip>
+      )}
+    </Group>
   );
 }