fix: align quiz mechanics across panel widths

This commit is contained in:
2026-10-25 21:40:02 +03:00
parent 8c564946ef
commit a65867fc39
+2 -2
View File
@@ -798,12 +798,12 @@ export function AgentSection({
label={t("Quizzing")}
hint={t("How both tutors check your understanding")}
testid="quiz-mechanics-row"
className="flex-wrap gap-y-2"
className="flex-wrap gap-y-2 [&>span]:flex-[1_1_12rem]"
>
<div
role="radiogroup"
aria-label={t("Quizzing mechanics")}
className="ml-auto flex max-w-full shrink-0 rounded-lg border border-border/60 bg-muted/30 p-0.5"
className="flex max-w-full shrink-0 rounded-lg border border-border/60 bg-muted/30 p-0.5"
>
{(["choice", "free"] as const).map((m) => {
const active = m === "free" ? free : !free;