fix: bg chapter verse index

app/books/sb/page.tsx

@@ -58,7 +58,7 @@ export default async function SbPage() {
                   <li key={canto.number}>
                     <Link
                       href={`/books/sb/${canto.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>
                         <Badge variant="secondary" className="mb-1">
@@ -68,7 +68,7 @@ export default async function SbPage() {
                           {canto.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">
                         {canto.totalChapters} chapters ·{" "}
                         <ExtractedVerseCount
                           count={totalVerses}