mobile responsive

app/(dashboard)/quizzes/[id]/results.tsx

@@ -174,7 +174,7 @@ export function Participants({ quizId }: { quizId: string }) {
         {!detail ? (
           <p className="text-sm text-muted-foreground">Loading…</p>
         ) : (
-          <div className="max-h-[60vh] space-y-4 overflow-y-auto pr-1">
+          <div className="space-y-4">
             <p className="text-sm text-muted-foreground">
               {detail.completed_at
                 ? `Scored ${detail.score} of ${detail.total}`

app/(dashboard)/quizzes/page.tsx

@@ -41,8 +41,8 @@ export default function QuizzesPage() {
           </p>
         </div>
         <Can perm="quizzes:write">
-          <Link href="/quizzes/new">
-            <Button>New quiz</Button>
+          <Link href="/quizzes/new" className="shrink-0">
+            <Button className="whitespace-nowrap">New quiz</Button>
           </Link>
         </Can>
       </header>

app/(dashboard)/quizzes/quiz-editor.tsx

@@ -191,6 +191,7 @@ export function QuizEditor({
             <p className="mt-1 text-xs text-muted-foreground">
               Paste the page&apos;s link, e.g. /books/bg/2 or
               /transcriptions/720720sb-london. Leave empty for a stand-alone
+              quiz. Each chapter, lecture or conversation can have only one
               quiz.
             </p>
           </div>
@@ -298,7 +299,7 @@ export function QuizEditor({
                   maxLength={2000}
                   placeholder="Question"
                 />
-                <label className="flex w-fit items-center gap-2 text-sm text-foreground">
+                <label className="flex w-fit flex-wrap items-center gap-x-2 gap-y-0.5 text-sm text-foreground">
                   <input
                     type="checkbox"
                     checked={q.multi}
@@ -306,8 +307,8 @@ export function QuizEditor({
                     className="accent-primary"
                   />
                   Multiple correct answers
-                  <span className="text-xs text-muted-foreground">
-                    — users select all that apply
+                  <span className="basis-full pl-6 text-xs text-muted-foreground sm:basis-auto sm:pl-0">
+                    Users select all that apply
                   </span>
                 </label>
                 <fieldset className="space-y-2">