adjust assistant width in standalone page, adjust modal style: use large size and make it larger instead of using full size

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>

Author: julien-nc

src/components/AssistantTextProcessingModal.vue

@@ -110,7 +110,7 @@ export default {
 			show: true,
 			closeButtonTitle: t('assistant', 'Close'),
 			closeButtonLabel: t('assistant', 'Close Nextcloud Assistant'),
-			modalSize: 'full',
+			modalSize: 'large',
 			progress: null,
 			loading: false,
 			expectedRuntime: null,
@@ -186,6 +186,11 @@ export default {
 .modal-container__content .assistant-modal--wrapper {
 	height: 100%;
 }
+
+// make large modal a bit larger
+.assistant-modal .modal-container {
+	width: 1220px !important;
+}
 </style>
 
 <style lang="scss" scoped>
@@ -205,7 +210,6 @@ export default {
 
 .assistant-modal--content {
 	width: 100%;
-	max-width: 1220px;
 	margin: 0 auto;
 	padding: 16px;
 	display: flex;

src/views/AssistantPage.vue

@@ -228,7 +228,7 @@ export default {
 	margin: 24px 16px 16px 16px;
 	.form {
 		width: 100%;
-		//max-width: 1200px;
+		max-width: 1220px;
 	}
 }
 </style>