fix: Resolve multiple mobile UX issues including swiping and header layouts

2026-06-28 11:58:47 -07:00 · 2026-06-28 11:58:47 -07:00 · 7d2c466e9b
commit 7d2c466e9b
parent 4ea58da3cd
4 changed files with 74 additions and 29 deletions
--- a/src/app/(protected)/[classSlug]/flashcards/[deckId]/page.tsx
+++ b/src/app/(protected)/[classSlug]/flashcards/[deckId]/page.tsx
@ -92,7 +92,7 @@ export default function DeckStudyPage() {
  return (
    <div className="max-w-4xl mx-auto w-full py-2 md:py-4">
      {/* Header */}
-      <div className="flex items-center justify-between mb-6">
+      <div className="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 mb-6">
        <div>
          <button
            onClick={() => router.push(`/${classSlug}/flashcards`)}