project-booster-vue 9.63.3 → 9.63.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.63.3",
+  "version": "9.63.4",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/rework/alert/MPbAlert.vue

@@ -128,9 +128,17 @@ const callAction = (action: PayloadAction) => {
 @import '../styles/global.scss';
 @import 'components/_c.card';
 
+$responsive-breakpoint: 'm';
+
 .m-pb-alert {
-  width: 719px;
-  margin: $mu200 auto 0 auto;
+  width: calc(100% - $mu250);
+  margin: $mu200 auto $mu250 auto;
+  padding: 0 $mu125;
+
+  @include set-from-screen($responsive-breakpoint) {
+    width: 719px;
+    padding: 0;
+  }
 
   &__buttons {
     display: flex;
@@ -171,16 +179,29 @@ const callAction = (action: PayloadAction) => {
     }
 
     &__content {
-      &__card {
-        max-width: 50%;
-        width: 50%;
+      flex-direction: column;
 
-        &:first-child {
-          margin-right: $mu050;
-        }
+      @include set-from-screen($responsive-breakpoint) {
+        flex-direction: row;
+      }
 
-        &:last-child {
-          margin-left: $mu050;
+      &__card {
+        max-width: 100%;
+        width: 100%;
+        margin-bottom: $mu100;
+
+        @include set-from-screen($responsive-breakpoint) {
+          max-width: 50%;
+          width: 50%;
+          margin-bottom: 0;
+
+          &:first-child {
+            margin-left: $mu050;
+          }
+
+          &:last-child {
+            margin-left: $mu050;
+          }
         }
       }
     }

package/src/components/rework/exit-options/MPbExitOptions.vue

@@ -143,8 +143,9 @@ const isValidCondition = (conditions: any) => {
 $responsive-breakpoint: 'm';
 
 .m-pb-exit-options {
-  width: 100%;
+  width: calc(100% - $mu250);
   margin: 4rem auto;
+  padding: 0 $mu125;
 
   @include set-from-screen($responsive-breakpoint) {
     width: 724px;

package/src/components/rework/question/configurations-import/MPbConfigurationsImport.vue

@@ -353,10 +353,10 @@ $answers-apparition-duration: '0.5s';
     @include set-font-scale('07', 's');
 
     color: $color-grey-900;
-    width: 100%;
+    width: calc(100% - $mu125);
 
     &-container {
-      padding: 0 $mu050 $mu100 $mu050;
+      padding: $mu200 $mu125 $mu100 $mu125;
 
       @include set-from-screen($responsive-breakpoint) {
         padding: $mu250 $mu100 $mu100 $mu100;
@@ -381,8 +381,12 @@ $answers-apparition-duration: '0.5s';
   &__answers-container {
     margin: 0 auto;
     max-width: 100%;
-    padding: 0;
     width: 100%;
+    padding: 0 $mu100 $mu100 $mu100;
+
+    @include set-from-screen($responsive-breakpoint) {
+      padding: 0;
+    }
 
     &-flexy {
       width: 100%;
@@ -421,11 +425,19 @@ $answers-apparition-duration: '0.5s';
   }
 
   &__redirect-link {
-    margin: $mu100 $mu100 0 $mu100;
+    margin: $mu100 $mu050 0 $mu050;
+
+    @include set-from-screen($responsive-breakpoint) {
+      margin: $mu100 $mu100 0 $mu100;
+    }
   }
 
   &__buttons {
-    margin: $mu150 $mu100 0 $mu100;
+    margin: $mu150 $mu050 0 $mu050;
+
+    @include set-from-screen($responsive-breakpoint) {
+      margin: $mu150 $mu100 0 $mu100;
+    }
 
     &__button {
       width: 50%;

package/src/components/rework/question/upload-document/MPbUploadDocument.vue

@@ -400,6 +400,7 @@ $answers-apparition-duration: '0.5s';
     @include set-font-scale('07', 's');
 
     width: 100%;
+    margin-top: $mu150;
 
     @include set-from-screen($responsive-breakpoint) {
       text-align: left;