diff --git a/app/templates/base.html b/app/templates/base.html index 7a9bb20..4c60b36 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -58,6 +58,37 @@ background-color: rgba(255, 255, 255, 0.08); border-radius: 6px; } + + /* ── Shared list-page filter panel (matches dashboard blue theme) ── */ + .filter-panel { + background: #eaf2fc; /* light blue tint */ + border: 1px solid #bcd2ee; + border-left: 4px solid #4a90d9; /* dashboard blue accent */ + border-radius: 12px; + } + .filter-panel .filter-title { + font-weight: 700; + font-size: .82rem; + letter-spacing: .03em; + text-transform: uppercase; + color: #2f6db3; + } + .filter-panel .form-label { + font-weight: 600; + color: #3f4652; + } + /* Give every input/select a clear border so they stand out on the tint */ + .filter-panel .form-control, + .filter-panel .form-select { + border: 1.5px solid #9db8db; + background-color: #ffffff; + } + .filter-panel .form-control:focus, + .filter-panel .form-select:focus { + border-color: #4a90d9; + box-shadow: 0 0 0 .18rem rgba(74, 144, 217, .25); + } + .filter-panel .form-control::placeholder { color: #9aa4b2; } diff --git a/app/templates/inspections/list.html b/app/templates/inspections/list.html index cb70baa..b650e73 100644 --- a/app/templates/inspections/list.html +++ b/app/templates/inspections/list.html @@ -16,8 +16,9 @@ {# Filters #} -
-
+
+
+
Filters
diff --git a/app/templates/issues/list.html b/app/templates/issues/list.html index 1df5ab3..75d5329 100644 --- a/app/templates/issues/list.html +++ b/app/templates/issues/list.html @@ -10,8 +10,9 @@ {% endif %}
-
-
+
+
+
Filters