From cb79cfa0448b26d8b868f67b7ec1ab4315fd00df Mon Sep 17 00:00:00 2001
From: Chase Evans <chaseevans@cedarville.edu>
Date: Sat, 12 Apr 2025 00:28:42 -0400
Subject: [PATCH 1/2] Added a border and a grid behind the map

---
 components/CustomImageNode.tsx | 1 +
 components/EventFlow.tsx       | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/components/CustomImageNode.tsx b/components/CustomImageNode.tsx
index fd2237b..88fa87e 100644
--- a/components/CustomImageNode.tsx
+++ b/components/CustomImageNode.tsx
@@ -45,6 +45,7 @@ export function CustomImageNode ({ data }: NodeProps<CustomNode>) {
         width: dimensions.width,
         height: dimensions.height,
         position: "relative",
+        border: "12px solid black",
       }}
     >
       <Image
diff --git a/components/EventFlow.tsx b/components/EventFlow.tsx
index 5013b24..dbe84f5 100644
--- a/components/EventFlow.tsx
+++ b/components/EventFlow.tsx
@@ -12,6 +12,8 @@ import {
   applyNodeChanges,
   Edge,
   ReactFlowInstance,
+  BackgroundVariant,
+  Background,
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import { Event, EventToLocation, Location } from "@prisma/client";
@@ -466,6 +468,7 @@ function Flow({
           elementsSelectable={isEditable}
           className="touch-none"
         >
+          <Background color="#ccc" variant={BackgroundVariant.Lines} gap={64} size={16} />
           <Controls position="bottom-right" showInteractive={false} />
 
           {/* Hide legend on view only mode */}

From 36bb2f96c26035e2b8ddac7b527c701a509fe853 Mon Sep 17 00:00:00 2001
From: Ashlyn DeVries <ashjdevries@gmail.com>
Date: Tue, 15 Apr 2025 14:58:33 -0400
Subject: [PATCH 2/2] merged main

---
 components/EventFlow.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/EventFlow.tsx b/components/EventFlow.tsx
index dbe84f5..a3e7376 100644
--- a/components/EventFlow.tsx
+++ b/components/EventFlow.tsx
@@ -468,7 +468,7 @@ function Flow({
           elementsSelectable={isEditable}
           className="touch-none"
         >
-          <Background color="#ccc" variant={BackgroundVariant.Lines} gap={64} size={16} />
+          <Background color="#ccc" variant={BackgroundVariant.Dots} gap={144} size={12} />
           <Controls position="bottom-right" showInteractive={false} />
 
           {/* Hide legend on view only mode */}