Merge pull request #10103 from binarygit/stop-horizontal-scroll-of-body-in-order-summary-page

[Split Checkout] Stop horizontal scroll on body in order summary page

app/views/spree/orders/edit.html.haml

@@ -25,7 +25,7 @@
   .sub-header.show-for-medium-down
     = render partial: "shopping_shared/order_cycles"
 
-  %fieldset.footer-pad
+  #cart-container
     - if @order.line_items.empty?
       %div.row{"data-hook" => "empty_cart"}
         %p= t(:your_cart_is_empty)

app/webpacker/css/darkswarm/cart-page.scss

@@ -1,3 +1,8 @@
+#cart-container {
+  padding: 25px;
+  padding-bottom: 100px;
+}
+
 #update-cart {
   #errorExplanation {
     display: none;
@@ -6,6 +11,8 @@
 
 #cart-detail {
   width: 100%;
+  display: block;
+  overflow-x: auto;
 
   .cart-item-delete,
   .bought-item-delete {

app/webpacker/css/darkswarm/split-checkout.scss

@@ -306,3 +306,8 @@
     }
   }
 }
+
+#line-items {
+  display: block;
+  overflow-x: auto;
+}