From cf834221b5ba419ddc433600d104d1d377f897c9 Mon Sep 17 00:00:00 2001
From: dcog989 <sirdavidlaws@gmail.com>
Date: Mon, 19 Oct 2026 21:06:07 +0100
Subject: [PATCH] fix(ui): add return button to snapshot directory

---
 src/css/App.css                        | 4 ++++
 src/pages/SnapshotDirectory.jsx        | 6 +++++-
 tests/pages/SnapshotDirectory.test.jsx | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/css/App.css b/src/css/App.css
index f7640eaa..f07f539a 100644
--- a/src/css/App.css
+++ b/src/css/App.css
@@ -74,6 +74,10 @@ body {
   --bs-breadcrumb-divider-color: var(--color-link);
 }
 
+#kopia .breadcrumb {
+  margin-bottom: 0;
+}
+
 #kopia a:hover,
 #kopia a:active {
   color: var(--color-link);
diff --git a/src/pages/SnapshotDirectory.jsx b/src/pages/SnapshotDirectory.jsx
index ba6a6242..9c7932c2 100644
--- a/src/pages/SnapshotDirectory.jsx
+++ b/src/pages/SnapshotDirectory.jsx
@@ -10,6 +10,7 @@ import Spinner from "react-bootstrap/Spinner";
 import { DirectoryItems } from "../components/DirectoryItems";
 import { CLIEquivalent } from "../components/CLIEquivalent";
 import { DirectoryBreadcrumbs } from "../components/DirectoryBreadcrumbs";
+import { GoBackButton } from "../components/GoBackButton";
 import PropTypes from "prop-types";
 
 class SnapshotDirectoryInternal extends Component {
@@ -142,7 +143,10 @@ class SnapshotDirectoryInternal extends Component {
 
     return (
       <>
-        <DirectoryBreadcrumbs />
+        <div className="d-flex align-items-center gap-2 mb-3">
+          <GoBackButton />
+          <DirectoryBreadcrumbs />
+        </div>
         <Row>
           <Col xs="auto">
             {this.state.mountInfo.path ? (
diff --git a/tests/pages/SnapshotDirectory.test.jsx b/tests/pages/SnapshotDirectory.test.jsx
index d50718e8..44d50434 100644
--- a/tests/pages/SnapshotDirectory.test.jsx
+++ b/tests/pages/SnapshotDirectory.test.jsx
@@ -158,6 +158,7 @@ describe("SnapshotDirectory component", () => {
       expect(screen.getByTestId("directory-items")).toBeInTheDocument();
       expect(screen.getByTestId("items-count")).toHaveTextContent("2");
       expect(screen.getByTestId("show-cli-button")).toBeInTheDocument();
+      expect(screen.getByText("Return")).toBeInTheDocument();
     });
 
     // Should show mount button when not mounted