diff --git a/public/analytics.js b/public/analytics.js index c998938a..5c2df759 100644 --- a/public/analytics.js +++ b/public/analytics.js @@ -96,10 +96,9 @@

📊 Mesh Analytics

Deep dive into your mesh network data

-
-
- - diff --git a/public/style.css b/public/style.css index 8bc92257..00c13bef 100644 --- a/public/style.css +++ b/public/style.css @@ -712,7 +712,7 @@ input[type="week"] { .filter-bar input, .filter-bar select { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 13px; background: var(--input-bg); color: var(--text); font-family: var(--font); - height: 34px; box-sizing: border-box; line-height: 1; + height: 34px; min-height: 34px; box-sizing: border-box; line-height: 1; } .filter-bar input { width: 120px; } .filter-bar select { min-width: 90px; } @@ -1362,6 +1362,7 @@ button.ch-item:hover .ch-icon-btn { opacity: 1; } .nodes-filters select { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 13px; background: var(--input-bg); color: var(--text); font-family: var(--font); + height: 34px; min-height: 34px; box-sizing: border-box; line-height: 1; } /* Node Detail */ @@ -2641,6 +2642,13 @@ tr[data-hops]:hover { background: rgba(59,130,246,0.1); } font-size: 12px; font-weight: 600; color: var(--text-muted); align-self: center; margin-right: 2px; user-select: none; } +.analytics-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0; } +.analytics-time-window-select { + height: 34px; min-height: 34px; padding: 0 10px; border-radius: 6px; box-sizing: border-box; + font-size: 13px; font-weight: 500; cursor: pointer; border: 1px solid var(--border); + background: var(--input-bg); color: var(--text); transition: border-color 0.15s; +} +.analytics-time-window-select:hover { border-color: var(--accent); } .region-dropdown-wrap { position: relative; display: inline-flex; align-items: center; } .region-dropdown-trigger { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 6px;