fix: bg chapter verse index

app/books/cc/page.tsx

@@ -58,7 +58,7 @@ export default async function CcPage() {
                   <li key={lila.key}>
                     <Link
                       href={`/books/cc/${lila.key}`}
-                      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 CcPage() {
                           {lila.totalChapters} chapters
                         </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={totalVerses}
                           label="extracted verses"