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

Add padding and max width so they don't stick to right screen border
nextcloud · Nov 11, 2024 · ec712fc · ec712fc
2 parents bb6d4b4 + b46f7ca
commit ec712fc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Questions/QuestionDate.vue b/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;

diff --git a/src/components/Questions/QuestionFile.vue b/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);

diff --git a/src/views/Submit.vue b/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 {