From b8f1a40c9937ee299892c965098cd2dd732ecc00 Mon Sep 17 00:00:00 2001
From: Kristoff Lalicki <32229646+klalicki@users.noreply.github.com>
Date: Sat, 16 Dec 2023 12:22:28 -0500
Subject: [PATCH] adds hover styles to header button

---
 src/App.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d9d2d65..7e614a9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import { FileLoader } from "./components/FileLoader/FileLoader";
 import { RecipeViewerWrapper } from "./components/RecipeViewerWrapper/RecipeViewerWrapper";
 // import { TargetScaleSetter } from "./components/TargetScaleSetter/TargetScaleSetter";
+
 import { ScalerWrapper } from "./context/ScalerContext";
 import "@mantine/core/styles.css";
 import "@mantine/dropzone/styles.css";
@@ -9,9 +10,9 @@ const App = () => {
   return (
     <div className="flex flex-col items-center">
       <ScalerWrapper>
-        <header className="w-full bg-red-500 p-2 text-white flex justify-between items-center ">
+        <header className="w-full bg-red-500 p-2 text-white flex justify-between items-center">
           <h2 className=" text-xl font-bold">Bakers Mode &gt; Viewer</h2>
-          <button className="font-bold px-2 py-1 border-white  border-2 rounded-md">
+          <button className="font-bold px-2 py-1 border-white  border-2 rounded-md  hover:bg-white hover:text-red-500">
             Load Sample Recipe (not implemented yet)
           </button>
         </header>