put search box next to zoom controler

Author: tknkaa

src/app.css

@@ -18,7 +18,7 @@ body,
   transform: translateX(0);
 }
 .sidebar-toggle-btn {
-  @apply fixed top-6 right-3 z-[2100] p-3 rounded-full bg-yellow-400 text-yellow-900 shadow-lg border font-bold hover:bg-yellow-300 transition duration-200;
+  @apply fixed top-2 right-2 z-[2100] p-2 rounded-lg bg-yellow-400 text-yellow-900 shadow-lg border font-bold hover:bg-yellow-300 transition duration-200;
 }
 
 /* サイドバーヘッダー */
@@ -98,3 +98,13 @@ body,
 .vmButton {
   display: none !important;
 }
+
+/* Leafletズームコントロールを上部に配置 */
+.leaflet-top.leaflet-left {
+  top: 8px !important;
+  left: 8px !important;
+}
+
+.leaflet-control-zoom {
+  margin: 0 !important;
+}

src/pages/MapPage.tsx

@@ -129,7 +129,7 @@ export function MapPage() {
       <div ref={containerRef} className="w-full h-full" />
 
       {/* 検索ボックス（常時表示） */}
-      <div className="fixed top-4 left-4 right-20 z-[2100] max-w-md">
+      <div className="fixed top-2 left-16 right-16 z-[2100] max-w-2xl mx-auto">
         <div className="search-input-wrapper bg-white rounded-lg shadow-lg">
           <svg
             className="search-icon w-4 h-4"
@@ -240,7 +240,7 @@ export function MapPage() {
         aria-label="メニューを開く"
       >
         <svg
-          className="w-6 h-6"
+          className="w-5 h-5"
           viewBox="0 0 24 24"
           fill="none"
           stroke="currentColor"