Update reports page layout: cards in single row, 3-column filter form with conditional date inputs

- Change summary cards to display in single horizontal row using responsive grid (col-12 col-md-6 col-lg-3)
- Add h-100 class to ensure equal card heights
- Reorganize filter form into 3-column layout (Client, Date Range, Sort By)
- Move time filters to always-visible section (works with all date range options)
- Show custom date range inputs only when 'Custom' date range is selected
- Add JavaScript to toggle custom date range visibility based on selection
- Move action buttons to bottom-right of form with Reset and Apply buttons
- Add resetFilters() function to clear all filters
- Add me-2 and text-end CSS utility classes
parent e6c0e63d
......@@ -309,6 +309,15 @@
.collapsed .fa-chevron-down {
transform: rotate(-90deg);
}
.h-100 {
height: 100%;
}
.me-2 {
margin-right: 0.5rem;
}
.text-end {
text-align: right;
}
{% block extra_css %}{% endblock %}
</style>
</head>
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment