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>
Add CSS rules to eliminate margin between card-body (form) and table-responsive (table) in card containers. Achieves compact spacing without whitespace gaps between search form and data table.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Standardize all Create and Edit forms with:
- card-body p-2 padding
- form-control-sm, form-select-sm, form-label-sm for compact layout
- btn-sm for buttons
- row g-2 spacing instead of g-3
- Consistent empty state and danger action styling
Affected pages: Clients, Announcements, FAQs, Inquiries, Blog
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Add p-2 padding to card-body elements in empty state blocks across all admin pages (Announcements, FAQs, TaxProfiles, Companies) for consistent spacing and compact layout.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Apply .table-responsive--separator to all pages with table containers (Announcements, FAQs, TaxProfiles, Companies) for consistent spacing and visual hierarchy.
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>
- Reduce admin-page-shell gap from 0.25rem to 0 (eliminate double spacing)
- Remove all card margins in admin-page-shell (margin-top/bottom: 0)
- Keep only page-header margin-bottom for section separation (0.5rem)
- Achieve seamless content flow with minimal visual breaks
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
- Reduce admin-page-shell gap from 0.5rem to 0.25rem
- Reduce page header title from 0.9rem to 0.78rem
- Reduce header margins: eyebrow (0.2rem→0.1rem), subtitle (0.2rem→0.1rem), title (0.3rem→0.15rem)
- Reduce page-header margin-bottom from 0.4rem to 0.25rem
- Reduce card-body padding to p-2 across all breakpoints
- Reduce admin-page-shell padding from 1rem to 0.5rem
- Achieve Douzone-level data density
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
- Reduce card-body padding from p-3 p-md-4 p-xl-4 to p-2 p-md-3
- Decrease admin-page-shell gap from 1rem to 0.5rem
- Reduce page header title size from 1.02rem to 0.9rem
- Reduce header margin-bottom from 0.5rem to 0.4rem
- Improve visual hierarchy with tighter spacing
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
kjh2064