Merge pull request #2400 from Elsensee/fix-submit-css

Add padding and max width so they don't stick to right screen border

Author: Chartman123

src/components/Questions/QuestionDate.vue

@@ -129,7 +129,8 @@ export default {
 
 <style lang="scss" scoped>
 .mx-datepicker {
-	width: 300px;
+	width: 100%;
+	max-width: 300px;
 
 	&.disabled {
 		inset-inline-start: -12px;

src/components/Questions/QuestionFile.vue

@@ -435,7 +435,8 @@ export default {
 		padding-inline: calc(3 * var(--default-grid-baseline)) var(--focus-offset);
 		padding-block: var(--focus-offset);
 		height: var(--default-clickable-area);
-		width: 300px;
+		width: 100%;
+		max-width: 300px;
 
 		label {
 			color: var(--color-text-maxcontrast);

src/views/Submit.vue

@@ -808,7 +808,7 @@ export default {
 	form {
 		.question {
 			// Less padding needed as submit view does not have drag handles
-			padding-inline-start: var(--default-clickable-area);
+			padding-inline: var(--default-clickable-area);
 		}
 
 		.form-buttons {