tweaks

- change ratio of thumbnails under large image to match
- change upload sizes to match, bump quality some.

Author: jjeffryes

css/obBase.css

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

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);