fix: bg chapter verse index

app/books/bg/page.tsx

@@ -45,7 +45,7 @@ export default async function BgPage() {
                 <li key={ch.number}>
                   <Link
                     href={`/books/bg/${ch.number}`}
-                    className="flex items-center justify-between px-5 py-4 hover:bg-muted transition-colors"
+                    className="flex flex-col sm:flex-row sm:items-center sm:justify-between px-5 py-4 gap-1 sm:gap-0 hover:bg-muted transition-colors"
                   >
                     <div>
                       <span className="text-sm text-primary font-medium">
@@ -53,7 +53,7 @@ export default async function BgPage() {
                       </span>
                       <p className="font-medium text-foreground">{ch.title}</p>
                     </div>
-                    <span className="text-sm text-muted-foreground shrink-0 ml-4">
+                    <span className="text-sm text-muted-foreground sm:shrink-0 sm:ml-4">
                       <ExtractedVerseCount count={ch.totalVerses} />
                     </span>
                   </Link>