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

Also make them align Signed-off-by: Oliver Schramm <[email protected]>
nextcloud · Nov 11, 2024 · 2ef9cf9 · 2ef9cf9
1 parent e3e555b
commit 2ef9cf9
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
@@ -133,7 +133,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
@@ -749,7 +749,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);
 		}
 
 		.submit-button {