refactor button elements; change button types for search and filter actions in admin pages

This commit is contained in:
ImBenji 2026-04-23 23:33:00 +01:00
parent 0dd258bd1d
commit eedd499262
5 changed files with 36 additions and 4 deletions

View file

@ -2,6 +2,7 @@
/* ── intel stats ── */ /* ── intel stats ── */
/* default card — used by the stats.html throughput tiles as standalone cards */
.intel-stat-card { .intel-stat-card {
background: var(--bg-card); background: var(--bg-card);
@ -31,6 +32,37 @@
} }
/* ── intel stats row (the 6-up on intel pages) ──────────────────────────── */
/* one integrated strip with edge-to-edge separators, mirrors the top
stats-bar. we wrap the ordinary .intel-stat-card children and strip
their individual borders + radius so the container reads as one unit. */
#intel-stats-row {
display: flex;
flex-wrap: wrap;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
overflow: hidden;
margin-bottom: 24px;
gap: 0;
}
#intel-stats-row .intel-stat-card {
background: transparent;
border: none;
border-radius: 0;
border-right: 1px solid var(--border);
padding: 16px 28px;
flex: 0 0 auto;
min-width: 140px;
}
#intel-stats-row .intel-stat-card:last-child {
border-right: none;
}
/* ── intel detail body (modal) ── */ /* ── intel detail body (modal) ── */
.intel-body { .intel-body {

View file

@ -36,7 +36,7 @@
</div> </div>
<div id="intel-content"> <div id="intel-content">
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div> <div id="intel-stats-row"></div>
<div id="intel-graph-layout"> <div id="intel-graph-layout">
<div id="intel-graph-svg-wrap"> <div id="intel-graph-svg-wrap">

View file

@ -36,7 +36,7 @@
</div> </div>
<div id="intel-content"> <div id="intel-content">
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div> <div id="intel-stats-row"></div>
<div class="filters"> <div class="filters">
<label>Company <label>Company

View file

@ -36,7 +36,7 @@
</div> </div>
<div id="intel-content"> <div id="intel-content">
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div> <div id="intel-stats-row"></div>
<div class="filters"> <div class="filters">
<label>Company <label>Company

View file

@ -36,7 +36,7 @@
</div> </div>
<div id="intel-content"> <div id="intel-content">
<div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px" id="intel-stats-row"></div> <div id="intel-stats-row"></div>
<div id="intel-signals-grid" class="signal-grid"></div> <div id="intel-signals-grid" class="signal-grid"></div>
<div id="intel-signals-empty" class="signal-empty" style="display:none">No signals generated yet — waiting for the signal worker to run.</div> <div id="intel-signals-empty" class="signal-empty" style="display:none">No signals generated yet — waiting for the signal worker to run.</div>