diff --git a/tasks/flightradar24/prototype/index.html b/tasks/flightradar24/prototype/index.html
index ba892e1..39848ce 100644
--- a/tasks/flightradar24/prototype/index.html
+++ b/tasks/flightradar24/prototype/index.html
@@ -255,6 +255,10 @@
           <input type="date" id="date-from" style="flex:1;background:#0f3460;border:1px solid #1e4080;color:#e0e0e0;border-radius:5px;padding:4px 6px;font-size:0.72rem;">
           <input type="date" id="date-to"   style="flex:1;background:#0f3460;border:1px solid #1e4080;color:#e0e0e0;border-radius:5px;padding:4px 6px;font-size:0.72rem;">
         </div>
+        <div class="filter-row" style="margin-top:8px;align-items:center;gap:8px;">
+          <label style="width:auto;color:#7f8c8d;font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;">Треки</label>
+          <button class="btn active" id="btn-tracks-period" onclick="toggleTracks()" style="flex:none;padding:4px 10px;">Показать</button>
+        </div>
         <!-- Ползунок по дням -->
         <div id="day-slider-wrap" style="width:100%;margin-top:8px;display:none;">
           <!-- Заголовок + метка + сброс -->
@@ -321,7 +325,6 @@
       </div>
 
       <div class="filter-btns" style="margin-top:8px;">
-        <button class="btn active" id="btn-tracks" onclick="toggleTracks()">✈ Треки</button>
         <button class="btn" onclick="loadData()">🔄 Обновить</button>
       </div>
 
@@ -1321,14 +1324,20 @@ function toggleTracks() {
     loadTracksFromDB();
   }
   tracksLayer.setVisible(!visible);
-  document.getElementById('btn-tracks').classList.toggle('active', !visible);
+  const btns = ['btn-tracks', 'btn-tracks-period'];
+  btns.forEach(id => {
+    const el = document.getElementById(id);
+    if (el) el.classList.toggle('active', !visible);
+  });
 }
 
 async function loadTracksFromDB() {
-  const dateEl = document.getElementById('date-select');
-  const dateParam = dateEl && dateEl.value ? `&date=${dateEl.value}` : '';
+  const dateFrom = document.getElementById('date-from');
+  const dateTo = document.getElementById('date-to');
+  const chosenDate = (dateFrom && dateFrom.value) || (dateTo && dateTo.value) || '';
+  const dateParam = chosenDate ? `&date=${chosenDate}` : '';
   try {
-    const resp = await fetch(`/noisemap/api/tracks?limit=500${dateParam}`);
+    const resp = await fetch(`/api/tracks?limit=500${dateParam}`);
     const geojson = await resp.json();
     if (geojson.error) { console.error('tracks error:', geojson.error); return; }
     tracksSource.clear();