updated from feedback changed icon to paintbrush

Author: canstudios-louisem

frontend/src/modules/editor/selectTheme/less/editorTheme.less

@@ -6,7 +6,7 @@
 }
 
 .theme-list-item {
-  height: 280px;
+  height: 295px;
   width: 275px;
   margin-left:0px;
   margin-right: 30px;
@@ -21,9 +21,9 @@
   border: 1px solid #d6f2f9;
 
   &-inner {
-    padding-top: 20px;
-
     .theme-header {
+      padding: 20px 0;
+
       .display-name {
         padding-left: 20px;
         font-size: 175%;
@@ -32,23 +32,23 @@
 
       .description {
         padding-left: 20px;
-        padding-bottom: 15px;
         font-size: 110%;
         color: @quaternary-color;
       }
+    }
 
-      .theme-preview {
-        position: relative;
-        height: 100%;
-        width: 100%;
-
-        .fa {
-          color:rgb(214, 242, 249);
-          font-size: 50px;
-          padding-top: 70px;
-          padding-left: 116px;
-        }
+    .theme-preview {
+      position: relative;
+      height: 205px;
+      width: 100%;
 
+      .fa {
+        color:rgb(214, 242, 249);
+        position: absolute;
+        font-size: 70px;
+        top: 45%;
+        left: 50%;
+        transform: translate(-50%, -50%);
       }
     }
   }

frontend/src/modules/editor/selectTheme/templates/editorThemeItem.hbs

@@ -2,8 +2,8 @@
   <div class="theme-header">
     <div class="display-name"><h4 style="color: {{foreground_color.default}}">{{displayName}}</h4></div>
     <div class="description">{{description}}</div>
-    <div class="theme-preview"></div>
   </div>
+  <div class="theme-preview"></div>
   {{#if settings}}
     <div class="theme-pallet-container">
       <ul class="theme-palette">

frontend/src/modules/editor/selectTheme/views/editorThemeItemView.js

@@ -24,7 +24,7 @@ define(function(require){
     },
 
     postRender: function() {
-      var previewUrl = '/api/theme/preview/' + this.model.get('name') + '/' + this.model.get('name')
+      var previewUrl = '/api/theme/preview/' + this.model.get('name') + '/' + this.model.get('name');
       var $previewLoc = this.$('.theme-preview');
 
       $.ajax(previewUrl, {
@@ -33,7 +33,7 @@ define(function(require){
             $previewLoc.prepend($('<img/>', { src: previewUrl, alt: Origin.l10n.t('app.themepreviewalt') }));
           },
           204: function() {
-            $previewLoc.prepend($('<i/>', { class: 'fa fa-file-image-o' }));
+            $previewLoc.prepend($('<i/>', { 'class': 'fa fa-paint-brush' }));
           }
         }
       });