move line item quantity before price in the dom

Spencer Canner · Spencer Canner · commit d25f90043398 · 2020-11-13T16:25:29.000-05:00
diff --git a/src/defaults/components.js b/src/defaults/components.js
@@ -259,9 +259,9 @@ const defaults = {
       'image',
       'title',
       'variantTitle',
+      'quantity',
       'price',
       'priceWithDiscounts',
-      'quantity',
     ],
     classes: {
       lineItem: 'shopify-buy__cart-item',
diff --git a/src/styles/embeds/sass/components/cart.css b/src/styles/embeds/sass/components/cart.css
@@ -132,7 +132,7 @@
   float: right;
   font-size: 14px;
   font-weight: bold;
-  line-height: 26px;
+  line-height: 30px;
 }
 
 .shopify-buy__cart-item__price-and-discounts {
@@ -265,10 +265,10 @@
 }
 
 .shopify-buy__quantity-container {
+  display: inline-block;
   margin-left: 80px;
-  margin-right: 100px;
-  height: 26px;
-  line-height: 26px;
+  height: 30px;
+  line-height: 30px;
 }
 
 .shopify-buy__quantity-container.is-loading {
@@ -285,8 +285,4 @@
   .shopify-buy__cart-item__price-and-discounts {
     max-width: 90px;
   }
-
-  .shopify-buy__quantity-container {
-    margin-right: 90px;
-  }
 }

Original file line number	Diff line number	Diff line change
`@@ -132,7 +132,7 @@`
`132`	`132`	`float: right;`
`133`	`133`	`font-size: 14px;`
`134`	`134`	`font-weight: bold;`
`135`		`- line-height: 26px;`
	`135`	`+ line-height: 30px;`
`136`	`136`	`}`
`137`	`137`
`138`	`138`	`.shopify-buy__cart-item__price-and-discounts {`
`@@ -265,10 +265,10 @@`
`265`	`265`	`}`
`266`	`266`
`267`	`267`	`.shopify-buy__quantity-container {`
	`268`	`+ display: inline-block;`
`268`	`269`	`margin-left: 80px;`
`269`		`- margin-right: 100px;`
`270`		`- height: 26px;`
`271`		`- line-height: 26px;`
	`270`	`+ height: 30px;`
	`271`	`+ line-height: 30px;`
`272`	`272`	`}`
`273`	`273`
`274`	`274`	`.shopify-buy__quantity-container.is-loading {`
`@@ -285,8 +285,4 @@`
`285`	`285`	`.shopify-buy__cart-item__price-and-discounts {`
`286`	`286`	`max-width: 90px;`
`287`	`287`	`}`
`288`		`-`
`289`		`- .shopify-buy__quantity-container {`
`290`		`- margin-right: 90px;`
`291`		`- }`
`292`	`288`	`}`