fix: improve small-device drawer layout

index.html

@@ -25,13 +25,14 @@
           <span aria-hidden="true">×</span>
           <span class="visually-hidden">Close map controls</span>
         </button>
-        <div class="brand">
-          <h1>
-            <img class="brand-logo" src="./assets/brand/xpro-logo-simple.svg" alt="XPro" />
-            <span class="visually-hidden">XPro</span>
-          </h1>
-          <p class="brand-subtitle">Map Visualizer</p>
-        </div>
+        <div class="sidebar-content">
+          <div class="brand">
+            <h1>
+              <img class="brand-logo" src="./assets/brand/xpro-logo-simple.svg" alt="XPro" />
+              <span class="visually-hidden">XPro</span>
+            </h1>
+            <p class="brand-subtitle">Map Visualizer</p>
+          </div>
 
         <section class="panel">
           <div class="panel-heading">
@@ -77,6 +78,7 @@
             </select>
           </label>
         </section>
+        </div>
       </aside>
 
       <main class="map-wrap">