Refactor map header layout and controls

Merged map statistics, controls, and header into a single card header for improved UI clarity and compactness. The new layout consolidates the QSOs count, map status, and control buttons, streamlining the map view presentation.
这个提交包含在:
Peter Goodhall 2025-08-11 10:45:51 +01:00
父节点 9baee1ee84
当前提交 61f5594598

查看文件

@ -255,19 +255,22 @@
</div>
<!-- Map Statistics and Controls -->
<div class="row mb-2">
<div class="col-12">
<div class="card border-0">
<div class="card-body py-2">
<!-- Map Container -->
<div class="card">
<div class="card-header py-3">
<div class="row align-items-center">
<div class="col-md-8">
<div class="d-flex align-items-center">
<div class="col-md-4">
<h5 class="mb-0">
<i class="fas fa-globe-americas me-2"></i>World Map View
</h5>
<small class="text-muted">Showing: <strong id="active-logbook-display"><?php echo $logbook_name ?></strong></small>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center justify-content-center">
<div class="me-4">
<small class="text-muted">QSOs Displayed:</small>
<span class="badge bg-primary ms-1" id="qso-count">0</span>
</div>
<div class="alert alert-success mb-0 py-1 px-2 d-none" id="map-status">
<small><i class="fas fa-check-circle me-1"></i>Map loaded successfully</small>
</div>
@ -291,20 +294,6 @@
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Map Container -->
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center py-2">
<h5 class="mb-0">
<i class="fas fa-globe-americas me-2"></i>World Map View
</h5>
<div class="text-muted">
<small>Showing: <strong id="active-logbook-display"><?php echo $logbook_name ?></strong></small>
</div>
</div>
<div class="card-body p-0">
<div id="custommap" class="map-leaflet" style="width: 100%; height: 1000px;"></div>
</div>