Merge pull request #1426 from OpenBazaar/misc111

Color fixes + photo size change

Author: jjeffryes

css/obBase.css

@@ -587,20 +587,21 @@ form {
   position: relative;
   background-position: center;
   background-size: cover;
-  border-radius: 3px;
+  background-repeat: no-repeat;
+  border-radius: 2px;
   height: 230px;
   width: 250px;
 }
 
 .itemImg.itemImg-large {
   /* flex row collapses unless a specific height is set */
-  height: 380px;
-  width: 100%;
+  height: 472px;
+  width: 514px;
   border-radius: 0;
 }
 
 .itemImg.itemImg-small {
-  height: 82px;
+  height: 111px;
   width: 121px;
   margin: 0 10px 10px 0;
   border-radius: 1px;

js/templates/buyWizard.html

@@ -3,7 +3,7 @@
     <div class="btn-corner btn-cornerTR btn-cornerTROutR btn-flushTop js-closeBuyWizardModal">
       <h2 class="ion-android-close custCol-text clickable"></h2>
     </div>
-    <div class="modal-hero js-buyWizardHero shadow-inner1-light"
+    <div class="modal-hero js-buyWizardHero custCol-text shadow-inner1-light"
          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-buyWizardMapPlaceholder hide">
         <div class="flexContainer">
@@ -19,28 +19,28 @@ <h2 class="ion-android-close custCol-text clickable"></h2>
       <div class="modal-hero modal-heroFullHeightNoButtons js-buyWizardSpinner hide background1 custCol-primary">
         <div class="width100 txt-center vCentered">
           <div class="txt-col1 ion-android-sync spinner spinner-slow icon-gigantic icon-circle-background1 rowTop50 row20"></div>
-          <h3 class="txt-bright padding30"><%= polyglot.t('CheckExchanges') %> </h3>
+          <h3 class="custCol-text padding30"><%= polyglot.t('CheckExchanges') %> </h3>
         </div>
       </div>
       <div class="modal-hero modal-heroFullHeightNoButtons padding40 js-buyWizardPay hide background1 custCol-primary">
         <div class="width100 row20">
           <img class="blockCenter qrCode js-buyWizardPayQRCode" height="250" width="250" src="imgs/defaultItem.png"/>
         </div>
         <div class="txt-bright pad20">
-          <div class="txt-center row10 textSize20px">
+          <div class="txt-center row10 textSize20px custCol-text">
             <%= polyglot.t('buyFlow.SendBTCtoAddress', {amount: '<span class="js-buyWizardDetailsTotalBTC"></span>'}) %>
           </div>
           <div class="txt-center row10">
-            <a class="textSize16px js-buyWizardPayLink"><span class="js-buyWizardPayURL"></span></a>
+            <a class="textSize16px js-buyWizardPayLink custCol-text"><span class="js-buyWizardPayURL"></span></a>
           </div>
           <div class="txt-center row10">
             <input type="checkbox" class="textSize11px fieldItem thin" id="BuyWizardQRDetailsInput">
-            <label for="BuyWizardQRDetailsInput" class="textSize11px"> <%= polyglot.t('AdditionalPaymentDataInfo') %></label>
+            <label for="BuyWizardQRDetailsInput" class="textSize11px  custCol-text"> <%= polyglot.t('AdditionalPaymentDataInfo') %></label>
           </div>
-          <a class="btn btn-txt btn-wide row10 js-buyWizardPayCopy custCol-secondary"><i class="ion-clipboard"></i> <%= polyglot.t('buyFlow.CopyAddress') %></a>
-          <a class="btn btn-txt btn-wide row10 js-buyWizardPayLink custCol-secondary"><i class="ion-link"></i> <%= polyglot.t('buyFlow.OpenAddress') %></a>
-          <a class="btn btn-txt btn-wide js-buyWizardPayCheck custCol-secondary"><i class="ion-refresh"></i> <%= polyglot.t('buyFlow.RefreshPayment') %></a>
-          <div class="rowTop10 txt-center note">
+          <a class="btn btn-txt btn-wide row10 js-buyWizardPayCopy custCol-secondary  custCol-text"><i class="ion-clipboard"></i> <%= polyglot.t('buyFlow.CopyAddress') %></a>
+          <a class="btn btn-txt btn-wide row10 js-buyWizardPayLink custCol-secondary custCol-text"><i class="ion-link"></i> <%= polyglot.t('buyFlow.OpenAddress') %></a>
+          <a class="btn btn-txt btn-wide js-buyWizardPayCheck custCol-secondary custCol-text"><i class="ion-refresh"></i> <%= polyglot.t('buyFlow.RefreshPayment') %></a>
+          <div class="rowTop10 txt-center note custCol-text">
             <%= polyglot.t('buyFlow.paymentNote') %>
           </div>
         </div>

js/templates/item.html

@@ -166,9 +166,9 @@ <h4><%= polyglot.t('CanBeShippedTo') %></h4>
           <%= polyglot.t('ShippingReturns') %>
         </a>
       </div>
-      <div class="flexContainer flex-border custCol-primary js-description js-tabTarg textOpacity75 minHeight300 <% ob.activeTab !== 'description' && print('hide') %>">
+      <div class="flexContainer flex-border custCol-primary js-description js-tabTarg textOpacity1 minHeight300 <% ob.activeTab !== 'description' && print('hide') %>">
         <div class="flexRow">
-          <div class="rowItem fontSize16 padding30 paddingTop10 lineHeight24 fontWeight400 flexContainer editableContent">
+          <div class="rowItem fontSize16 padding30 paddingTop20 lineHeight24 fontWeight400 flexContainer editableContent">
             <%= ob.vendor_offer.listing.item.displayDescription %>
           </div>
         </div>

js/views/itemEditVw.js

@@ -330,8 +330,8 @@ module.exports = baseVw.extend({
     var self = this,
         $imageInput = this.$el.find('.js-itemImageUpload'),
         curImages = this.model.get('combinedImagesArray'),
-        maxH = 800,
-        maxW = 800,
+        maxH = 944,
+        maxW = 1028,
         imageList = [],
         loaded = 0,
         imageCount;
@@ -382,7 +382,7 @@ module.exports = baseVw.extend({
         canvas.height = imgH;
         ctx = canvas.getContext('2d');
         ctx.drawImage(newImage, 0, 0, imgW, imgH);
-        dataURI = canvas.toDataURL('image/jpeg', 0.45);
+        dataURI = canvas.toDataURL('image/jpeg', 0.7);
         dataURI = dataURI.replace(/^data:image\/(png|jpeg);base64,/, "");
         imageList.push(dataURI);