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

Optimized version selector spacing for consistency

Browse Source 
- **Reduced top padding** from py-16 to pt-8 (64px to 32px) to bring search closer to top
- **Adjusted search margin** from mb-8 to mb-4 (32px to 16px) for uniform spacing
- **Maintained bottom spacing** with pb-16 to preserve version card layout
- **Perfect alignment** with other pages - consistent 16px search-to-element gap

Version selector now has perfectly balanced, consistent spacing throughout the app!
This commit is contained in:
Ryderjj89
2025-09-28 17:14:34 -04:00
parent 9e61ae2a4b
commit 9ad908ccd7
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/VersionSelector.tsx
View File

@@ -10,9 +10,9 @@ 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 py-16"> <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-16">
{/* Search Bar */} {/* Search Bar */}
<div className="flex justify-center mb-8"> <div className="flex justify-center mb-4">
<div className="w-full max-w-md relative"> <div className="w-full max-w-md relative">
<input <input
type="text" type="text"