Fix Coupon Code Field's Length in Firefox

The coupon code styling seems to be broken in Firefox compared to Chrome and Safari. These changes should ensure it fits nicely and consistent between browsers.
solidusio · Oct 19, 2019 · 18e30cf · 18e30cf
1 parent f80912a
commit 18e30cf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/app/assets/stylesheets/spree/frontend/screen.css.scss b/frontend/app/assets/stylesheets/spree/frontend/screen.css.scss
@@ -963,8 +963,8 @@ p[data-hook="use_billing"] {
   }
 
   input[type="text"] {
-    flex: 3 0;
-    width: 100%;
+    flex: 1 auto;
+    width: 50%;
     margin-right: 5px;
   }
 
@@ -1268,7 +1268,7 @@ table.order-summary {
 // # Logo
 #logo {
   padding: 20px 0;
-  
+
   > a {
     display: inline-block;
   }