Add default label to the first address.

Author: jjeffryes

css/obBase.css

@@ -4828,6 +4828,14 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
   border-style: dashed;
 }
 
+.addressesWrapper .addressBox .defaultLabel {
+  display: none;
+}
+
+.addressesWrapper:first-child .addressBox .defaultLabel {
+  display: block;
+}
+
 .buyAddressWrapper {
   padding: 15px;
   overflow: hidden;

js/languages/en-US.json

@@ -127,6 +127,7 @@
   "Files": "Files",
   "NewAddress": "New Address",
   "CurrentAddress": "Current Addresses",
+  "DefaultAddress": "Default Address",
   "ReturnsPolicy": "Returns Policy",
   "Tags": "Tags",
   "Keywords": "Keywords",

js/templates/settings.html

@@ -835,7 +835,7 @@ <h3 class="padding15 margin0 fontWeight500"><%= polyglot.t('CurrentAddress') %><
               </div>
               <div class="flexRow pad5 rowTop15 js-sortableAddresses">
                 <% _.each(ob.user.shipping_addresses, function(address, i){ %>
-                <div class="flexCol-4 pad10 row15">
+                <div class="flexCol-4 pad10 row15 addressesWrapper">
                   <div class="addressBox custCol-secondary custCol-border-background js-address">
                     <div class="textOpacity1 row40">
                       <div><%= address.name %></div>
@@ -859,6 +859,9 @@ <h3 class="padding15 margin0 fontWeight500"><%= polyglot.t('CurrentAddress') %><
                         <span class="fontSize12 clickable togLabelOn js-settingsAddressUnDelete"><%= polyglot.t('DontDelete') %></span>
                       </label>
                     </div>
+                    <div class="positionBottomRight defaultLabel padding10 note">
+                      <%= polyglot.t('DefaultAddress') %>
+                    </div>
                   </div>
                 </div>
                 <% }); %>