Header improvment

This commit is contained in:
Szymon Porwolik
2025-11-03 01:06:23 +01:00
parent 1fe25dbfd8
commit 4bfd21d425
2 changed files with 15 additions and 7 deletions

View File

@@ -32,15 +32,18 @@
</a>
<h5 class="mb-0">DX Cluster - spot list</h5>
</div>
<div class="d-flex align-items-center gap-3">
<a href="https://www.wavelog.org" target="_blank" class="fullscreen-wavelog-text" style="display: none; font-weight: 500; color: var(--bs-body-color); text-decoration: none;">www.wavelog.org</a>
<div id="fullscreenToggleWrapper" style="cursor: pointer; padding: 0.5rem; margin: -0.5rem;">
<button type="button" class="btn btn-sm" id="fullscreenToggle" title="<?= __("Toggle Fullscreen"); ?>" style="background: none; border: none; padding: 0.5rem;">
<i class="fas fa-expand" id="fullscreenIcon" style="font-size: 1.2rem;"></i>
</button>
</div>
<div class="d-flex align-items-center gap-3">
<a href="https://www.wavelog.org" target="_blank" class="fullscreen-wavelog-text" style="display: none; font-weight: 500; color: var(--bs-body-color); text-decoration: none;">www.wavelog.org</a>
<a href="https://github.com/wavelog/wavelog/wiki/DXCluster" target="_blank" title="<?= __("DX Cluster Help"); ?>" style="cursor: pointer; padding: 0.5rem; margin: -0.5rem; color: var(--bs-body-color); text-decoration: none; display: inline-flex; align-items: center;">
<i class="fas fa-question-circle" style="font-size: 1.2rem;"></i>
</a>
<div id="fullscreenToggleWrapper" style="cursor: pointer; padding: 0.5rem; margin: -0.5rem;">
<button type="button" class="btn btn-sm" id="fullscreenToggle" title="<?= __("Toggle Fullscreen"); ?>" style="background: none; border: none; padding: 0.5rem;">
<i class="fas fa-expand" id="fullscreenIcon" style="font-size: 1.2rem;"></i>
</button>
</div>
</div>
</div>
<div class="card-body pt-1">
<!-- Filters Section with darker background and rounded corners -->

View File

@@ -490,6 +490,11 @@ table tbody tr.cat-nearest-above td {
flex-direction: column;
}
/* Reduce card header padding for more compact appearance */
.card-header {
padding: 0.25rem 1rem !important;
}
.bandmap-fullscreen .card-header {
flex: 0 0 auto;
}