From d25f90043398b79f0e9f7f118b0e75db21f96d9e Mon Sep 17 00:00:00 2001
From: Spencer Canner <spencer.canner@shopify.com>
Date: Thu, 12 Nov 2020 13:25:11 -0500
Subject: [PATCH] move line item quantity before price in the dom

---
 src/defaults/components.js                 |  2 +-
 src/styles/embeds/sass/components/cart.css | 12 ++++--------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/defaults/components.js b/src/defaults/components.js
index df58ebf2..c1ce8c76 100644
--- 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
index 7ad6f0b7..4df723a1 100644
--- 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;
-  }
 }