fix wrapping of question headers

survey-frontend/src/survey.scss

@@ -36,7 +36,6 @@
 
 .sv-header-flex {
 	display: flex;
-	justify-content: space-between;
 	align-items: center;
 	border-radius: 2rem;
 	color: #2db394;
@@ -77,7 +76,7 @@
 
 .verification {
 	min-height: 1.5rem;
-	order: 2; // Make sure the button comes last
+	flex: 0 0 auto; // Prevent the button from shrinking
 	margin-left: auto; // Push button to the right
 	display: inline-block;
 	border-radius: 1rem;
@@ -118,15 +117,13 @@
 	padding-left: 5rem;
 }
 
-.survey-container {
+.sv-question__num {
+	// prevent the period in the question number from wrapping
+	white-space: nowrap;
+}
 
+.survey-container {
 	margin-top: 2.5rem;
-
-	// limit the width on very large screens
-	@media screen and (min-width: 1441px) {
-		max-width: 65vw;
-	}
-
-	// default to 100vw
-	max-width: 100vw;
+	margin-bottom: 4rem;
+	max-width: 90rem;
 }
\ No newline at end of file