adding color to map container so the edges are softer when blurred

Author: rmisio

css/obBase.css

@@ -6122,3 +6122,8 @@ input[type="checkbox"].fieldItem:checked + label .togLabelOff {
 #ov1.notFancy .addressFormOpened .buyWizardMap .blurMore {
   display: none;
 }
+
+.buyWizardMap .mapWrap {
+  background-color: #eeeae1;
+  height: 100%;  
+}

js/templates/buyWizard.html

@@ -7,7 +7,7 @@ <h2 class="ion-android-close custCol-text clickable"></h2>
          style="background-image: url(<%= ob.serverUrl %>get_image?hash=<%= ob.vendor_offer.listing.item.image_hashes[0] %><%= ob.imageExtension %>), url(imgs/defaultBanner.png);">
       <div class="js-buyWizardMap buyWizardMap positionRelative hide" style="height: 262px">
         <div class="js-mapSpinner txt-col1 ion-android-sync spinner spinner-slow icon-large icon-circle-background1 zIndex1 fullCentered" style="border: 1px solid #aaa;"></div>
-        <div class="flexContainer"></div>
+        <div class="flexContainer mapWrap"></div>
       </div>
       <div class="modal-hero modal-heroFullHeightNoButtons js-buyWizardSpinner hide background1 custCol-primary">
         <div class="width100 txt-center vCentered">

js/views/buyWizardVw.js

@@ -393,7 +393,7 @@ module.exports = baseVw.extend({
       this.$buyWizardMap.find('.js-mapSpinner').removeClass('hide');
       $iFrame.insertBefore($currentIframe);
     } else {
-      this.$buyWizardMap.find('.flexContainer')
+      this.$buyWizardMap.find('.mapWrap')
         .prepend($iFrame);
     }