feat: adjust location of backpack button

Author: HASH-0021

index.html

@@ -254,20 +254,6 @@
                 </div>
             </div>
             <div id="right-panel" class="right">
-                <div class="backpack">
-                    <button
-                        class="setting-btn"
-                        id="backpack-btn"
-                        style="display: none"
-                    >
-                        <img
-                            src="/assets/sprites/backpack.png"
-                            width="100"
-                            height="100"
-                            alt=""
-                        />
-                    </button>
-                </div>
                 <div>
                     <p id="clock">{placeholderText}</p>
                 </div>
@@ -335,6 +321,17 @@
                         <div class="stat-wrapper">
                             <p class="stat-title">Coins:</p>
                             <p id="coins-remain">0</p>
+                            <button
+                                id="backpack-btn"
+                                style="display: none"
+                            >
+                                <img
+                                    src="/assets/sprites/backpack.png"
+                                    width="40"
+                                    height="40"
+                                    alt=""
+                                />
+                            </button>
                         </div>
                     </div>
                     <div id="minimap-container">

src/styles/backpack.css

@@ -1,3 +1,10 @@
+#backpack-btn {
+    margin-left: auto;
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+}
+
 #backpack-content {
     font-family: 'Courier New', monospace;
     background: rgba(0, 0, 0, 0.2);

src/styles/screen.css

@@ -356,7 +356,7 @@
 
 #minimap-container {
     display: flex;
-    padding: 0.5rem 1rem;
+    padding: 0 1rem;
     justify-content: center;
     align-items: center;
     flex-direction: column;
@@ -384,6 +384,7 @@
 
 #minimap {
     display: none;
+    height: 135px;
 }
 
 #minimap-name {