Make dropdown uniform across the site

Author: hubertpompecki

dist/bundle.css

@@ -74100,7 +74100,9 @@ function (_Component) {
           }, external_react_default.a.createElement("label", {
             className: "o-form__input-label",
             htmlFor: "countryCode"
-          }, "Country *"), external_react_default.a.createElement(Field, {
+          }, "Country *"), external_react_default.a.createElement("div", {
+            className: "o-form__input-group"
+          }, external_react_default.a.createElement(Field, {
             component: "select",
             name: "countryCode",
             className: "o-form__input-field o-form__input-block",
@@ -74111,7 +74113,7 @@ function (_Component) {
             value: "uk"
           }, "United Kingdom"), external_react_default.a.createElement("option", {
             value: "us"
-          }, "United States")), external_react_default.a.createElement("label", {
+          }, "United States"))), external_react_default.a.createElement("label", {
             className: "o-form__input-label",
             htmlFor: "firstName"
           }, "First name *"), external_react_default.a.createElement(Field, {

dist/bundle.js

@@ -202,7 +202,7 @@ $input-checkbox-spacing: 8px !default;
     background-image: url("data:image/svg+xml;charset=UTF8,<svg width='100%' height='100%' viewBox='0 0 40 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'><g id='Layer1'><g><path d='M13.111,1.124L19.492,8.886L25.911,1.105' style='fill:none;stroke:black;stroke-width:2.21px;'/></g></g></svg>");
     background-position: right center;
     background-repeat: no-repeat;
-    background-size: 5%;
+    background-size: 30px;
     font-size: .8em;
   }
 }

dist/scss/50_objects/_o-form.scss

@@ -102,11 +102,13 @@ class AccountAddresses extends Component {
               />
               { (addingNewAddress || currentAddress) && <Form className="o-form__wrapper o-form__background">
                 <label className='o-form__input-label' htmlFor='countryCode'>Country *</label>
-                <Field component="select" name="countryCode" className='o-form__input-field o-form__input-block' placeholder='Choose…'>
-                  <option value="">Choose…</option>
-                  <option value="uk">United Kingdom</option>
-                  <option value="us">United States</option>
-                </Field>
+                <div className='o-form__input-group'>
+                  <Field component='select' name='countryCode' className='o-form__input-field o-form__input-block' placeholder='Choose…'>
+                    <option value=''>Choose…</option>
+                    <option value='uk'>United Kingdom</option>
+                    <option value='us'>United States</option>
+                  </Field>
+                </div>
 
                 <label className='o-form__input-label' htmlFor='firstName'>First name *</label>
                 <Field type='text' name='firstName' className='o-form__input-field o-form__input-block' />

src/components/account/addresses.js

@@ -202,7 +202,7 @@ $input-checkbox-spacing: 8px !default;
     background-image: url("data:image/svg+xml;charset=UTF8,<svg width='100%' height='100%' viewBox='0 0 40 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'><g id='Layer1'><g><path d='M13.111,1.124L19.492,8.886L25.911,1.105' style='fill:none;stroke:black;stroke-width:2.21px;'/></g></g></svg>");
     background-position: right center;
     background-repeat: no-repeat;
-    background-size: 5%;
+    background-size: 30px;
     font-size: .8em;
   }
 }