Merge branch '597-orientation-recap-on-tiny-screens' into 'dev'

fix(accessibility): orientation recap on tiny screens

See merge request !882

src/app/form/orientation-form-view/global-components/orientation-recap/orientation-recap.component.scss

@@ -14,7 +14,12 @@
   flex-direction: column;
   gap: 32px;
   margin-top: 32px;
-  width: 600px;
+  width: 100vw;
+  max-width: 600px;
+  overflow-wrap: anywhere;
+  ::ng-deep button {
+    overflow-wrap: break-word;
+  }
   @media print {
     gap: 24px;
     margin-top: 24px;

src/app/form/orientation-form-view/orientation-form-view.component.scss

@@ -75,7 +75,7 @@ div.titleform {
   display: flex;
   flex-direction: column;
   gap: 40px;
-  width: 100%;
+  width: 100vw;
   max-width: 600px;
 }
 

src/app/shared/components/print-header/print-header.component.scss

@@ -13,7 +13,8 @@
 }
 
 .container {
-  width: 600px;
+  width: 100vw;
+  max-width: 600px;
   @media print {
     width: 100%;
   }

src/app/shared/components/textarea/textarea.component.scss

@@ -4,7 +4,8 @@
 .inputContainer {
   display: flex;
   flex-direction: column;
-  width: 600px;
+  width: 100vw;
+  max-width: 600px;
   &.disabled {
     cursor: not-allowed;
     label {