From cbd77b4941fa2883a46f933af444b478b86794b9 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Mon, 20 Apr 2020 09:19:09 +0200
Subject: [PATCH] Improve element sizing and position on small screens

---
 app/assets/stylesheets/darkswarm/_shop-navigation.css.scss | 2 ++
 app/assets/stylesheets/darkswarm/shop.css.scss             | 1 +
 2 files changed, 3 insertions(+)

diff --git a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
index 12bf494949..4d5714eefc 100644
--- a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
@@ -85,6 +85,7 @@ ordercycle {
 
       @media all and (max-width: 480px) {
         width: 100%;
+        min-width: 0;
       }
     }
 
@@ -99,6 +100,7 @@ ordercycle {
 
     @media all and (max-width: 768px) {
       float: none;
+      margin-right: 0;
     }
 
     @media all and (max-width: 480px) {
diff --git a/app/assets/stylesheets/darkswarm/shop.css.scss b/app/assets/stylesheets/darkswarm/shop.css.scss
index 42748e48f1..8fd9a455b2 100644
--- a/app/assets/stylesheets/darkswarm/shop.css.scss
+++ b/app/assets/stylesheets/darkswarm/shop.css.scss
@@ -32,6 +32,7 @@ $sidebar-footer-height: 5em;
       margin: 0;
       padding: 0 1em 0 2.75em;
       width: 100%;
+      min-width: 0;
       background: $white url("/assets/icn-search-grey.png") 1em center no-repeat;
       font-size: 1em;