From c325680d901cd3e5c41c80c15bf4832107ae98a6 Mon Sep 17 00:00:00 2001
From: mudabbir-ahmad <mudabbira.uk@gmail.com>
Date: Mon, 17 Mar 2025 12:54:39 +0000
Subject: [PATCH] added more clue buttons and positioned them correctly

---
 app/(main)/map/page.js |  44 +++++++++++++++++++++++++++++++++++++++--
 clue_hunt.db           | Bin 135168 -> 135168 bytes
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/app/(main)/map/page.js b/app/(main)/map/page.js
index 7fdef35..a6ee410 100644
--- a/app/(main)/map/page.js
+++ b/app/(main)/map/page.js
@@ -376,13 +376,53 @@ export default function MapPage() {
                     )
                   }
                   style={{
-                    left: "150px",
-                    top: "200px",
+                    left: "230px", // Moved from 150px to 160px (10px right)
+                    top: "212px", // Moved from 200px to 203px (3px down)
                   }}
                 >
                   Clue {firstClue.id}
                 </button>
               )}
+
+              {/* Add Clue 2 button - positioned 50px more to the right and 30px more down than current position */}
+              {clues.length > 1 && (
+                <button
+                  className={getClueButtonClass(clues[1])}
+                  onClick={() =>
+                    handleClueClick(
+                      clues[1].id,
+                      clues[1].available,
+                      clues[1].found
+                    )
+                  }
+                  style={{
+                    left: "320px", // 168px + 50px = 218px
+                    top: "290px", // 208px + 30px = 238px
+                  }}
+                >
+                  Clue {clues[1].id}
+                </button>
+              )}
+
+              {/* Add Clue 3 button - positioned 50px more to the right and 30px more down than current position */}
+              {clues.length > 1 && (
+                <button
+                  className={getClueButtonClass(clues[2])}
+                  onClick={() =>
+                    handleClueClick(
+                      clues[2].id,
+                      clues[2].available,
+                      clues[2].found
+                    )
+                  }
+                  style={{
+                    left: "265px", // 168px + 50px = 218px
+                    top: "400px", // 208px + 30px = 238px
+                  }}
+                >
+                  Clue {clues[2].id}
+                </button>
+              )}
             </div>
           </div>
         </div>
diff --git a/clue_hunt.db b/clue_hunt.db
index cb54c1abe05213f5d76684662912258a87ea3f6b..8f0db0fb6a66b163e0eb143500346ff62ef79cdc 100644
GIT binary patch
delta 206
zcmZozz|pXPV}dkez(g5m#(<3p&i0J^o0r&cUt-UgaDZ8rqh>Pu1n<p;0$Lo*hMo4)
z=YM7tl{c|6HqkRNHH<PcFf!FOFxE9RS1>fPG69JjcG|%d8CmL?7@A`$GO{%6w1q1I
jnq+8!MG?>>8<-+Pph-rSn2HR6CRu|OZBOB3n!^SFWllF>

delta 58
zcmV-A0LA}+pa_7V2#^~AOpzQz0Zg%ALq7q#gQP#Vq(1>*zyl!(Op^zYL$fgu0to{#
Qi944s@c|XLWC;SC200xPXaE2J