diff --git a/containers/libreportal/frontend/components/apps/overview/css/overview.css b/containers/libreportal/frontend/components/apps/overview/css/overview.css index 26e06c2..bdec130 100644 --- a/containers/libreportal/frontend/components/apps/overview/css/overview.css +++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css @@ -14,24 +14,25 @@ #overview-view .tab-pane { display: none; } #overview-view .tab-pane.active { display: block; } -/* ---- sidebar "Overview" entry (pinned above the search box) ------------- */ +/* ---- sidebar "Overview" entry (pinned above the search box) ------------- + Matches the app-category rows below it (sidebar.css .category): full-width, + square corners, same padding + separator + hover, so the highlight spans the + whole sidebar rather than a rounded inset pill. Keeps font-weight 600 + the + page-updater active tint as its only distinguishing marks. */ .sidebar-overview-entry { display: flex; align-items: center; gap: 10px; - margin: 4px 8px 10px; - padding: 10px 12px; - border-radius: 8px; + padding: 15px 20px; cursor: pointer; font-weight: 600; color: var(--sidebar-text, #cdd6e4); - border: 1px solid transparent; - transition: background .15s ease, color .15s ease, border-color .15s ease; + border-bottom: 1px solid var(--sidebar-border); + transition: background .15s ease, color .15s ease; } -.sidebar-overview-entry:hover { background: rgba(255, 255, 255, .06); } +.sidebar-overview-entry:hover { background: var(--surface-hover); color: var(--text-primary); } .sidebar-overview-entry.active { background: rgba(var(--page-updater-rgb), .16); - border-color: rgba(var(--page-updater-rgb), .45); color: #fff; } .sidebar-overview-entry .ov-entry-icon { width: 18px; height: 18px; flex: 0 0 auto; }