mobile responsive

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">