stop the menu mode question menu from overflowing horizontally

christianp · christianp · commit 2b0d111c1174 · 2024-09-26T19:52:34.000+01:00
diff --git a/themes/default/files/resources/exam.css b/themes/default/files/resources/exam.css
@@ -744,6 +744,7 @@ input.jme {
 #question-chooser {
     margin: 1em auto;
     width: 30em;
+    max-width: 100%;
 }
 #question-chooser th {
     border-top: 0;
@@ -844,8 +845,12 @@ input.jme {
     justify-content: center;
 }
 
+#infoDisplay > #menu {
+    max-width: 100svw;
+}
+
 #infoDisplay > #menu > .intro {
-    margin-bottom: calc(5 * var(--spacing));
+    margin: 0 var(--spacing) calc(5 * var(--spacing)) var(--spacing);
 }
 
 #end-name {

Original file line number	Diff line number	Diff line change
`@@ -744,6 +744,7 @@ input.jme {`
`744`	`744`	`#question-chooser {`
`745`	`745`	`margin: 1em auto;`
`746`	`746`	`width: 30em;`
	`747`	`+ max-width: 100%;`
`747`	`748`	`}`
`748`	`749`	`#question-chooser th {`
`749`	`750`	`border-top: 0;`
`@@ -844,8 +845,12 @@ input.jme {`
`844`	`845`	`justify-content: center;`
`845`	`846`	`}`
`846`	`847`
	`848`	`+#infoDisplay > #menu {`
	`849`	`+ max-width: 100svw;`
	`850`	`+}`
	`851`	`+`
`847`	`852`	`#infoDisplay > #menu > .intro {`
`848`		`- margin-bottom: calc(5 * var(--spacing));`
	`853`	`+ margin: 0 var(--spacing) calc(5 * var(--spacing)) var(--spacing);`
`849`	`854`	`}`
`850`	`855`
`851`	`856`	`#end-name {`