From b79d9bd75bca596b6f41e69314d3c55fbb4a7815 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Tue, 7 Jul 2020 16:44:33 +0200
Subject: [PATCH] Fix screen-width bug for desktop down

The width of these elements was ~105% of total screen width, adding horizontal scrollbars and whitespace on the left hand side
---
 app/assets/stylesheets/darkswarm/shop.scss | 10 ++++++++++
 app/views/shop/products/_form.html.haml    |  6 +++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/shop.scss b/app/assets/stylesheets/darkswarm/shop.scss
index 04b1eff4fb..5e76ab7e66 100644
--- a/app/assets/stylesheets/darkswarm/shop.scss
+++ b/app/assets/stylesheets/darkswarm/shop.scss
@@ -16,6 +16,16 @@
       padding-right: 0;
       padding-left: 0;
     }
+
+    .row.full {
+      width: 100%;
+      margin: 0;
+
+      .columns.full {
+        padding-right: 0;
+        padding-left: 0;
+      }
+    }
   }
 
   products {
diff --git a/app/views/shop/products/_form.html.haml b/app/views/shop/products/_form.html.haml
index 1179ba74f3..2ce029f304 100644
--- a/app/views/shop/products/_form.html.haml
+++ b/app/views/shop/products/_form.html.haml
@@ -5,8 +5,8 @@
 
     .row
       .footer-pad.small-12.columns.product-listing
-        .row
-          .medium-12.large-10.columns
+        .row.full
+          .medium-12.large-10.columns.full
             = render partial: "shop/products/search_feedback"
 
             %div{ "infinite-scroll" => "loadMore()", "infinite-scroll-distance" => "1", "infinite-scroll-disabled" => 'Products.loading' }
@@ -19,7 +19,7 @@
                 .summary
                   .small-12.columns.text-center
                     = t :products_loading
-                .row
+                .row.full
                   .small-12.columns.text-center
                     %img.spinner{ src: image_path("spinning-circles.svg") }