Search form card-body inherits min-height: calc(100vh - 140px) from .admin-content-card .card-body, causing it to occupy full screen. Add inline min-height: auto to override and allow natural height for search forms only.
Affected pages: Blog, Clients, Inquiries
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Move border-top styling from inline attributes to .table-responsive--separator class in admin.css. Removes duplication and maintains consistent design system across all search+table pages (Blog, Clients, Inquiries).
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Replace <hr class="my-0" /> with <div class="table-responsive" style="border-top: 1px solid var(--border-color-light);"> across all search+table pages (Blog, Clients, Inquiries). This eliminates the large gap created by hr element's default margin, achieving Tabler demo-level density.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
- Reduce card-body padding to p-2
- Change gap from g-3 to g-2
- Convert row columns to col-auto for compact layout
- Add form-control-sm and form-select-sm
- Shorten placeholder text and labels
- Applied to: Blog, Clients, Inquiries
Result: Search sections now take minimal vertical space,
table data dominates the view for better data density.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
- Consolidate filter/search form with data table in one card
- Separate with <hr class='my-0'> for visual hierarchy
- Remove redundant card-mb spacing and gaps
- Unified layout for Blog, Clients, Inquiries pages
- Cleaner, more cohesive data display
Applied to:
- Blog/Index.cshtml
- Clients/Index.cshtml
- Inquiries/Index.cshtml
Announcements and Faqs already have integrated structure (no search form)
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
kjh2064