refactor: relocate info button to brand banner and update styles

Author: noamjgal

css/styles.css

@@ -128,12 +128,12 @@ body {
     opacity: 1;
 }
 
-/* Info Button - Upper Right Corner */
+/* Info Button - In Brand Banner */
+.brand-banner {
+    position: relative;
+}
+
 .info-button-top {
-    position: absolute;
-    top: var(--space-lg);
-    right: var(--space-lg);
-    z-index: 1001;
     width: 44px;
     height: 44px;
     border-radius: 50%;
@@ -150,6 +150,7 @@ body {
     box-shadow: var(--glass-shadow);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
+    margin-left: auto;
 }
 
 .info-button-top:hover {

index.html

@@ -90,6 +90,13 @@
             class="logo huji-logo"
           />
         </div>
+        <button
+          class="info-button-top"
+          id="aboutButton"
+          title="About & Analysis Methods"
+        >
+          <span>i</span>
+        </button>
       </div>
 
       <!-- Unified Control Menu (left sidebar) -->
@@ -193,15 +200,6 @@ <h2>Shelter Analysis</h2>
         </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 -->