RyderTech/the-bible
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fixed BookSelector search-to-breadcrumb gap - removed space-y-12 class

Browse Source 
- **Space-y-12 removed**: Eliminated automatic 48px gaps between container children
- **Manual spacing preserved**: mb-4 on search and breadcrumbs now works as intended
- **Consistent with ChapterSelector**: Both components now have identical visual spacing
- **Tight, uniform gap**: 16px spacing between search bar and breadcrumbs everywhere

BookSelector and ChapterSelector now have perfectly matched visual spacing!
This commit is contained in:
Ryderjj89
2025-09-28 16:31:33 -04:00
parent e20c4ffc1e
commit cf08fc547c
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/BookSelector.tsx
View File

@@ -165,7 +165,7 @@ const BookSelector: React.FC<BookSelectorProps> = ({ books, onBookSelect, format
); );
return ( return (
<div className="space-y-12"> <div>
{/* Search Bar */} {/* Search Bar */}
<div className="flex justify-center mb-4"> <div className="flex justify-center mb-4">
<div className="w-full max-w-md relative"> <div className="w-full max-w-md relative">