fix: m2-709. fixed shipping addresses layout on checkout shipping step

Marcin Kwiatkowski · Marcin Kwiatkowski · commit e6501cb7e8f5 · 2022-06-17T11:02:46.000+02:00
diff --git a/packages/theme/modules/checkout/components/UserShippingAddresses.vue b/packages/theme/modules/checkout/components/UserShippingAddresses.vue
@@ -82,7 +82,7 @@ export default defineComponent({
     @include for-desktop {
       margin-right: var(--spacer-sm);
       display: flex;
-      width: 100%;
+      width: calc(50% - var(--spacer-sm));
       flex-direction: column;
     }
   }
@@ -91,6 +91,8 @@ export default defineComponent({
     margin-bottom: var(--spacer-xl);
     @include for-desktop {
       display: flex;
+      flex-wrap: wrap;
+      margin-right: var(--spacer-sm)
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@ export default defineComponent({`
`82`	`82`	`@include for-desktop {`
`83`	`83`	`margin-right: var(--spacer-sm);`
`84`	`84`	`display: flex;`
`85`		`- width: 100%;`
	`85`	`+ width: calc(50% - var(--spacer-sm));`
`86`	`86`	`flex-direction: column;`
`87`	`87`	`}`
`88`	`88`	`}`
`@@ -91,6 +91,8 @@ export default defineComponent({`
`91`	`91`	`margin-bottom: var(--spacer-xl);`
`92`	`92`	`@include for-desktop {`
`93`	`93`	`display: flex;`
	`94`	`+ flex-wrap: wrap;`
	`95`	`+ margin-right: var(--spacer-sm)`
`94`	`96`	`}`
`95`	`97`	`}`
`96`	`98`