refactor: move info button into top right

Author: noamjgal

css/styles.css

@@ -128,6 +128,42 @@ body {
     opacity: 1;
 }
 
+/* Info Button - Upper Right Corner */
+.info-button-top {
+    position: absolute;
+    top: var(--space-lg);
+    right: var(--space-lg);
+    z-index: 1001;
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #666, #888);
+    border: 1px solid var(--glass-border);
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    box-shadow: var(--glass-shadow);
+    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
+}
+
+.info-button-top:hover {
+    background: linear-gradient(135deg, #777, #999);
+    transform: scale(1.05);
+    border-color: var(--accent-blue);
+}
+
+.info-button-top span {
+    color: white;
+    font-weight: bold;
+    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
+}
+
 /* ============================================
    MAIN MENU - Left sidebar panel
    ============================================ */

index.html

@@ -190,22 +190,18 @@ <h2>Shelter Analysis</h2>
             </div>
           </div>
 
-          <!-- Map & Data Controls -->
-          <div class="control-section">
-            <div class="control-group">
-              <button
-                class="bottom-button info-button"
-                id="aboutButton"
-                title="About & Analysis Methods"
-                style="width: 100%"
-              >
-                <span>i</span>
-              </button>
-            </div>
-          </div>
         </div>
       </div>
 
+      <!-- Info Button (upper right corner) -->
+      <button
+        class="info-button-top"
+        id="aboutButton"
+        title="About & Analysis Methods"
+      >
+        <span>i</span>
+      </button>
+
       <!-- Combined Legend and Scale Bar (positioned on right side) -->
       <div class="map-legend-panel" id="mapLegendPanel">
         <!-- Data Layers Legend Section -->