state dropdown

3 files changed, 104 insertions, 89 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index 4286baa0..765f575a 100644
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -362,6 +362,16 @@ input.switch:checked + label:after {
   width: calc(100vw - 10px);
   border: 1px solid #a9a9a9;
 }
+.half-input .select-wrapper {
+  width: 50%;
+  border: 0;
+  margin-top: -1px;
+  float: left;
+}
+.half-input .select-wrapper span {
+  top: 9px;
+  color: #aaa;
+}
 .select-wrapper select {
   opacity: 0;
   width: 100%;
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index 1bbae37f..9955e602 100644
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -594,36 +594,39 @@
     
     <div id="cart_shipping">
       <div class="scroll">
-        <div class="select_address">
-          ADDRESS
-        </div>
+        <form>
+          <div class="add_edit">add/edit</div>
+          <div class="select_address">
+            ADDRESS
+          </div>
+          <div class="address"></div>
       
-        <h3>SHIPPING METHOD</h3>
-        
-            <form>
-              <div class="checkbox-container">
-                <div class="checkbox-row">
-                  <div class="checkbox-toggle">
-                     <input id="express-shipping" type="radio" name="ShippingType" value="Express" required>
-                     <label for="express-shipping"></label>
-                  </div>
-                  <label class="checkbox-caption" for="express-shipping">
-                    <b>COMPLIMENTARY EXPRESS $10</b><br>
-                    (DELIVERY IN 2-4 WORKING DAYS)
-                  </label>
-                </div>
-                <div class="checkbox-row">
-                  <div class="checkbox-toggle">
-                     <input id="standard-shipping" type="radio" name="ShippingType" value="Standard" checked required>
-                     <label for="standard-shipping"></label>
-                  </div>
-                  <label class="checkbox-caption" for="standard-shipping">
-                    <b>STANDARD SHIPPING</b><br>
-                    (DELIVERY IN 5-8 WORKING DAYS)
-                  </label>
-                </div>
+          <h3>SHIPPING METHOD</h3>
+    
+          <div class="checkbox-container">
+            <div class="checkbox-row">
+              <div class="checkbox-toggle">
+                 <input id="express-shipping" type="radio" name="ShippingType" value="Express" required>
+                 <label for="express-shipping"></label>
+              </div>
+              <label class="checkbox-caption" for="express-shipping">
+                <b>COMPLIMENTARY EXPRESS $10</b><br>
+                (DELIVERY IN 2-4 WORKING DAYS)
+              </label>
+            </div>
+            <div class="checkbox-row">
+              <div class="checkbox-toggle">
+                 <input id="standard-shipping" type="radio" name="ShippingType" value="Standard" checked required>
+                 <label for="standard-shipping"></label>
               </div>
-            </form>
+              <label class="checkbox-caption" for="standard-shipping">
+                <b>STANDARD SHIPPING</b><br>
+                (DELIVERY IN 5-8 WORKING DAYS)
+              </label>
+            </div>
+          </div>
+
+        </form>
       </div>
     </div>
 
@@ -694,69 +697,71 @@
   <input type="text" name="Surname" placeholder="Last Name">
   <input type="text" name="Address1" placeholder="Address Line 1">
   <input type="text" name="Address2" placeholder="Address Line 2">
-    <div class="half-input">
+  <div class="half-input">
     <input type="text" name="City" placeholder="City">
-    <select id="state" name="State" required>
-      <option value="">State</option>
-      <option value="AL">Alabama</option>
-      <option value="AK">Alaska</option>
-      <option value="AZ">Arizona</option>
-      <option value="AR">Arkansas</option>
-      <option value="CA">California</option>
-      <option value="CO">Colorado</option>
-      <option value="CT">Connecticut</option>
-      <option value="DE">Delaware</option>
-      <option value="DC">District Of Columbia</option>
-      <option value="FL">Florida</option>
-      <option value="GA">Georgia</option>
-      <option value="HI">Hawaii</option>
-      <option value="ID">Idaho</option>
-      <option value="IL">Illinois</option>
-      <option value="IN">Indiana</option>
-      <option value="IA">Iowa</option>
-      <option value="KS">Kansas</option>
-      <option value="KY">Kentucky</option>
-      <option value="LA">Louisiana</option>
-      <option value="ME">Maine</option>
-      <option value="MD">Maryland</option>
-      <option value="MA">Massachusetts</option>
-      <option value="MI">Michigan</option>
-      <option value="MN">Minnesota</option>
-      <option value="MS">Mississippi</option>
-      <option value="MO">Missouri</option>
-      <option value="MT">Montana</option>
-      <option value="NE">Nebraska</option>
-      <option value="NV">Nevada</option>
-      <option value="NH">New Hampshire</option>
-      <option value="NJ">New Jersey</option>
-      <option value="NM">New Mexico</option>
-      <option value="NY">New York</option>
-      <option value="NC">North Carolina</option>
-      <option value="ND">North Dakota</option>
-      <option value="OH">Ohio</option>
-      <option value="OK">Oklahoma</option>
-      <option value="OR">Oregon</option>
-      <option value="PA">Pennsylvania</option>
-      <option value="RI">Rhode Island</option>
-      <option value="SC">South Carolina</option>
-      <option value="SD">South Dakota</option>
-      <option value="TN">Tennessee</option>
-      <option value="TX">Texas</option>
-      <option value="UT">Utah</option>
-      <option value="VT">Vermont</option>
-      <option value="VA">Virginia</option>
-      <option value="WA">Washington</option>
-      <option value="WV">West Virginia</option>
-      <option value="WI">Wisconsin</option>
-      <option value="WY">Wyoming</option>
-    </select>
+    <div class="select-wrapper">
+      <span>STATE</span>
+      <select name="State">
+        <option value="NONE">State</option>
+        <option value="AL">Alabama</option>
+        <option value="AK">Alaska</option>
+        <option value="AZ">Arizona</option>
+        <option value="AR">Arkansas</option>
+        <option value="CA">California</option>
+        <option value="CO">Colorado</option>
+        <option value="CT">Connecticut</option>
+        <option value="DE">Delaware</option>
+        <option value="DC">District Of Columbia</option>
+        <option value="FL">Florida</option>
+        <option value="GA">Georgia</option>
+        <option value="HI">Hawaii</option>
+        <option value="ID">Idaho</option>
+        <option value="IL">Illinois</option>
+        <option value="IN">Indiana</option>
+        <option value="IA">Iowa</option>
+        <option value="KS">Kansas</option>
+        <option value="KY">Kentucky</option>
+        <option value="LA">Louisiana</option>
+        <option value="ME">Maine</option>
+        <option value="MD">Maryland</option>
+        <option value="MA">Massachusetts</option>
+        <option value="MI">Michigan</option>
+        <option value="MN">Minnesota</option>
+        <option value="MS">Mississippi</option>
+        <option value="MO">Missouri</option>
+        <option value="MT">Montana</option>
+        <option value="NE">Nebraska</option>
+        <option value="NV">Nevada</option>
+        <option value="NH">New Hampshire</option>
+        <option value="NJ">New Jersey</option>
+        <option value="NM">New Mexico</option>
+        <option value="NY">New York</option>
+        <option value="NC">North Carolina</option>
+        <option value="ND">North Dakota</option>
+        <option value="OH">Ohio</option>
+        <option value="OK">Oklahoma</option>
+        <option value="OR">Oregon</option>
+        <option value="PA">Pennsylvania</option>
+        <option value="RI">Rhode Island</option>
+        <option value="SC">South Carolina</option>
+        <option value="SD">South Dakota</option>
+        <option value="TN">Tennessee</option>
+        <option value="TX">Texas</option>
+        <option value="UT">Utah</option>
+        <option value="VT">Vermont</option>
+        <option value="VA">Virginia</option>
+        <option value="WA">Washington</option>
+        <option value="WV">West Virginia</option>
+        <option value="WI">Wisconsin</option>
+        <option value="WY">Wyoming</option>
+      </select>
+    </div>
   </div>
-
   <div class="half-input">
-  <input type="text" name="Zip" placeholder="ZIP" required>
-  <div id="country-wrapper">
-    <div id="country-select">
-      <input type="text" name="Country" placeholder="UNITED STATES" required>
+    <input type="text" name="Zip" placeholder="ZIP" required>
+    <div id="country-wrapper">
+      <div id="country-select">
+        <input type="text" name="Country" placeholder="UNITED STATES" required>
       </div>
     </div>
   </div>
diff --git a/StoneIsland/www/js/lib/cart/CartSummary.js b/StoneIsland/www/js/lib/cart/CartSummary.js
index 4ca6ab64..7eb9f415 100644
--- a/StoneIsland/www/js/lib/cart/CartSummary.js
+++ b/StoneIsland/www/js/lib/cart/CartSummary.js
@@ -55,7 +55,7 @@ var CartSummary = ScrollableView.extend({
     this.$rows.empty()
     
     data.Cart.Items.forEach(function(item){
-      var $el = $("<div>")
+      var $el = $("<div>").addClass("cart_item_row")
       this.$rows.append($el)
       var code_ten = item['Code10']
       var code = code_ten.substr(0, 8)