From ed14a92c7b7a9792de574a391f895bda1bfb6dcb Mon Sep 17 00:00:00 2001
From: Luis Ramos <luisramos0@gmail.com>
Date: Mon, 11 May 2020 17:28:51 +0100
Subject: [PATCH] Make OC selector wider to support more characters where there
 is enough space for that

---
 app/assets/stylesheets/darkswarm/_shop-navigation.css.scss  | 6 +++++-
 .../stylesheets/darkswarm/distributor_header.css.scss       | 4 ----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
index 95bd6b1059..04deec214c 100644
--- a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss
@@ -71,7 +71,7 @@ ordercycle {
 
     select,
     p {
-      width: inherit;
+      width: 200px;
       display: inline-block;
       color: $white;
       background-color: transparent;
@@ -89,6 +89,10 @@ ordercycle {
         width: 100%;
         min-width: 0;
       }
+
+      @media all and (min-width: 640px) and (max-width: 1024px), (min-width: 1200px) {
+        width: 250px;
+      }
     }
 
     option {
diff --git a/app/assets/stylesheets/darkswarm/distributor_header.css.scss b/app/assets/stylesheets/darkswarm/distributor_header.css.scss
index 8e9ebf769b..7df15dfcc4 100644
--- a/app/assets/stylesheets/darkswarm/distributor_header.css.scss
+++ b/app/assets/stylesheets/darkswarm/distributor_header.css.scss
@@ -20,10 +20,6 @@ section {
     padding: 30px 0 0;
     position: relative;
 
-    select {
-      width: 200px;
-    }
-
     img {
       display: block;
       height: 100px;