diff --git a/dashboard/app.js b/dashboard/app.js
index 6bde0507..c66f735b 100644
--- a/dashboard/app.js
+++ b/dashboard/app.js
@@ -315,7 +315,7 @@ async function renderMap() {
const world = await ensureWorld();
const countries = topojson.feature(world, world.objects.countries);
const width = $("#worldMap").clientWidth || 800;
- const height = 420;
+ const height = 320;
svg.attr("viewBox", `0 0 ${width} ${height}`);
_proj = d3.geoEqualEarth().fitExtent([[8, 8], [width - 8, height - 8]], countries);
@@ -425,7 +425,7 @@ function renderTrendPanel(svgSel, tooltipSel, tdata, series, bucket) {
const t = STATE.trend;
const perLbl = bucket === "week" ? "wk" : "d";
const width = (document.querySelector(svgSel).clientWidth) || 520;
- const height = 240, m = { t: 14, r: 16, b: 40, l: 40 };
+ const height = 200, m = { t: 14, r: 16, b: 40, l: 40 };
const totals = series.map((s) => ({ key: s.key, color: s.color, total: d3.sum(s.values, (v) => v.count), peak: d3.max(s.values, (v) => v.count) || 0 }));
totals.sort((a, b) => b.total - a.total);
@@ -734,14 +734,14 @@ function renderRecentActivity() {
${events.length} events
since ${cutoffLbl}
- NEW ${newCt}
+ OPENED ${newCt}
LOG ${logCt}
- NEWS ${newsCt}
+ ARTICLES ${newsCt}
`;
const BADGE = { NEW: "recent-badge--new", LOG: "recent-badge--log", NEWS: "recent-badge--news" };
- const LABEL = { NEW: "NEW", LOG: "LOG", NEWS: "NEWS" };
+ const LABEL = { NEW: "OPENED", LOG: "LOG", NEWS: "ARTICLES" };
$("#recentFeed").innerHTML = events.map((e) => {
const tsLbl = (e.ts || "").slice(0, 16).replace("T", " ") || "—";
const name = e.incident_name || e.detail;
diff --git a/dashboard/styles.css b/dashboard/styles.css
index e84a9490..f1a9822a 100644
--- a/dashboard/styles.css
+++ b/dashboard/styles.css
@@ -273,8 +273,8 @@ code { font-family: var(--mono); font-size: .9em; }
display: flex; flex-direction: column; overflow: hidden;
}
.span-full { grid-column: span 12; }
-.card--map { grid-column: span 6; }
-.card--trend { grid-column: span 6; }
+.card--map { grid-column: span 5; }
+.card--trend { grid-column: span 7; }
.card--table { grid-column: span 12; }
.card__head {
display: flex; align-items: baseline; justify-content: space-between;
@@ -283,7 +283,7 @@ code { font-family: var(--mono); font-size: .9em; }
.card__head h2 { font-size: 14px; font-weight: 700; }
.card__hint { font-size: 11px; color: var(--rc-muted); }
.map-wrap { position: relative; padding: 8px; }
-.map-wrap svg { width: 100%; height: 420px; display: block; }
+.map-wrap svg { width: 100%; height: 320px; display: block; }
.map-legend {
position: absolute; left: 16px; bottom: 14px;
background: rgba(255,255,255,.94); border: 1px solid var(--rc-line);
@@ -300,15 +300,15 @@ code { font-family: var(--mono); font-size: .9em; }
/* ============ TREND PANELS ============ */
.trend-grid {
- display: grid; grid-template-columns: 1fr; gap: 0;
+ display: grid; grid-template-columns: 1fr 1fr; gap: 0;
border-top: 1px solid var(--rc-line);
}
.trend-panel { position: relative; padding: 12px 18px 16px; min-width: 0; }
-.trend-panel + .trend-panel { border-left: none; border-top: 1px solid var(--rc-line); }
+.trend-panel + .trend-panel { border-left: 1px solid var(--rc-line); }
.trend-panel__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.trend-panel__head h3 { font-size: 13px; font-weight: 700; color: var(--rc-ink); }
.trend-panel__sub { font-size: 11px; font-weight: 500; color: var(--rc-muted); }
-.trend-panel svg { width: 100%; height: 240px; display: block; }
+.trend-panel svg { width: 100%; height: 200px; display: block; }
/* ============ TREND TOOLTIP ============ */
.trend-tooltip {