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

Fixed VersionSelector spacing and centering issues

Browse Source 
- **Removed excessive top padding** pt-8 that was causing large gap above search
- **No top padding now** matches other pages (BookSelector, ChapterSelector, etc.)
- **Maintained centering** flex justify-center keeps search bar horizontally centered
- **App-level padding** uses the overall page padding from App.tsx main container

Version selector now matches the consistent spacing and centering of all other pages!
This commit is contained in:
Ryderjj89
2025-09-28 17:18:42 -04:00
parent 9ad908ccd7
commit fea95a715e
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/VersionSelector.tsx
View File

@@ -10,7 +10,7 @@ const VersionSelector: React.FC<VersionSelectorProps> = ({ onVersionSelect, onSe
return ( return (
<div> <div>
{/* Version Selection */} {/* Version Selection */}
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-16"> <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pb-16">
{/* 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">