From b68a0e536a98fd32a84f3d079a254221b979fd09 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Mon, 13 Apr 2026 23:09:08 -0400
Subject: [PATCH] fix some small things

---
 components/PageHeader.tsx                            | 4 +---
 components/PageLayouts/DashboardLayout.tsx           | 2 +-
 components/ThemeManager/PubThemeSetter.tsx           | 3 +++
 components/ThemeManager/PublicationThemeProvider.tsx | 1 +
 components/Toast.tsx                                 | 2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/PageHeader.tsx b/components/PageHeader.tsx
index 0e61a9f2..5e5b8e02 100644
--- a/components/PageHeader.tsx
+++ b/components/PageHeader.tsx
@@ -21,9 +21,7 @@ export const Header = (props: { children: React.ReactNode }) => {
     }
   }, []);
 
-  let headerBGColor = !cardBorderHidden
-    ? "var(--bg-leaflet)"
-    : "var(--bg-page)";
+  let headerBGColor = cardBorderHidden ? "var(--bg-leaflet)" : "var(--bg-page)";
 
   return (
     <div
diff --git a/components/PageLayouts/DashboardLayout.tsx b/components/PageLayouts/DashboardLayout.tsx
index e285b0a5..a3df6c84 100644
--- a/components/PageLayouts/DashboardLayout.tsx
+++ b/components/PageLayouts/DashboardLayout.tsx
@@ -217,7 +217,7 @@ export function DashboardLayout<
                         })}
                       </div>
                     )}
-                    {props.publication && (
+                    {props.publication && controls && (
                       <button
                         className={`sm:hidden block text-tertiary`}
                         onClick={() => {
diff --git a/components/ThemeManager/PubThemeSetter.tsx b/components/ThemeManager/PubThemeSetter.tsx
index c4fd66ac..117d37e0 100644
--- a/components/ThemeManager/PubThemeSetter.tsx
+++ b/components/ThemeManager/PubThemeSetter.tsx
@@ -42,6 +42,7 @@ export function usePubThemeEditorState() {
     theme: localPubTheme,
     setTheme,
     changes,
+    resetChanges,
   } = useLocalPubTheme(record?.theme, showPageBackground);
   let [image, setImage] = useState<ImageState | null>(
     PubLeafletThemeBackgroundImage.isMain(record?.theme?.backgroundImage)
@@ -115,6 +116,7 @@ export function usePubThemeEditorState() {
         };
       return pub;
     }, false);
+    resetChanges();
     setLoading(false);
     return result;
   };
@@ -130,6 +132,7 @@ export function usePubThemeEditorState() {
     localPubTheme,
     setTheme,
     changes,
+    resetChanges,
     image,
     setImage,
     pageWidth,
diff --git a/components/ThemeManager/PublicationThemeProvider.tsx b/components/ThemeManager/PublicationThemeProvider.tsx
index 55c7f78c..165ceaa1 100644
--- a/components/ThemeManager/PublicationThemeProvider.tsx
+++ b/components/ThemeManager/PublicationThemeProvider.tsx
@@ -199,6 +199,7 @@ export const useLocalPubTheme = (
   return {
     theme: mergedTheme,
     setTheme,
+    resetChanges: () => setTheme({}),
     changes: Object.keys(localOverrides).length > 0,
   };
 };
diff --git a/components/Toast.tsx b/components/Toast.tsx
index 5adfdc40..23966603 100644
--- a/components/Toast.tsx
+++ b/components/Toast.tsx
@@ -105,7 +105,7 @@ const Toast = (props: {
         className={`toastAnimationWrapper fixed top-0 bottom-0 right-0 left-0 z-50 h-fit`}
       >
         <div
-          className={`toast absolute right-2 w-max  shadow-md px-3 py-1 flex flex-row gap-2 rounded-full border text-center ${
+          className={`toast absolute right-2 w-max  shadow-md px-3 py-1 flex flex-row gap-2 rounded-full border text-center font-bold ${
             props.toast?.type === "error"
               ? "border-white bg-[#dc143c] text-white border font-bold"
               : props.toast?.type === "success"
-- 
2.51.2