From a5bf1c130114c5fa306d67620d78630dd69c173c Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Mon, 21 May 2018 16:36:42 -0300
Subject: [PATCH] More adjustments on ItemEditionPage

---
 .../components/edition/item-edition-form.vue     | 16 +++++++++-------
 src/admin/components/lists/collections-list.vue  |  2 +-
 src/admin/components/lists/items-list.vue        |  2 +-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/admin/components/edition/item-edition-form.vue b/src/admin/components/edition/item-edition-form.vue
index 6b669cf4d..026dd4b25 100644
--- a/src/admin/components/edition/item-edition-form.vue
+++ b/src/admin/components/edition/item-edition-form.vue
@@ -236,15 +236,17 @@
                                 <img
                                         id="thumbail-image"
                                         :alt="$i18n.get('label_thumbnail')"
-                                        :src="(item.thumbnail == undefined || item.thumbnail == false) ? thumbPlaceholderPath : item.thumbnail">
+                                        :src="(item.thumbnail == undefined || item.thumbnail == false) ? thumbPlaceholderPath : item.thumbnail.thumb">
                             </figure>
                             <div class="thumbnail-buttons-row">
                                 <a
                                         id="button-delete"
                                         :aria-label="$i18n.get('label_button_delete_thumb')"
                                         @click="deleteThumbnail()">
-                                    {{ $i18n.get('remove') }}
-                                    <b-icon icon="delete" />
+                                   <b-icon 
+                                        type="is-gray"
+                                        icon="delete" />
+                                   {{ $i18n.get('remove') }} 
                                 </a>
                             </div>
                         </div>
@@ -746,9 +748,8 @@ export default {
     }
 
     .thumbnail-field {
-        max-height: 128px;
-        margin-bottom: 96px;
-        margin-top: -20px;
+        // margin-bottom: 96px;
+        // margin-top: -20px;
 
         .content {
             padding: 10px;
@@ -789,8 +790,9 @@ export default {
     
         .thumbnail-buttons-row {
             display: inline-block;
-            padding: 2px 8px;
+            padding: 8px 0px;
             border-radius: 0px 0px 0px 4px;
+            font-size: 14px;
             a { color: $tainacan-input-color; }
         }
     }
diff --git a/src/admin/components/lists/collections-list.vue b/src/admin/components/lists/collections-list.vue
index 4724f0ebf..463fa28a4 100644
--- a/src/admin/components/lists/collections-list.vue
+++ b/src/admin/components/lists/collections-list.vue
@@ -80,7 +80,7 @@
                             <span>
                                 <img 
                                         class="table-thumb" 
-                                        :src="collection.thumbnail">
+                                        :src="collection.thumbnail.thumb">
                             </span>
                         </td>
                         <!-- Name -->
diff --git a/src/admin/components/lists/items-list.vue b/src/admin/components/lists/items-list.vue
index 9bfe0ccd6..cfb60f4c9 100644
--- a/src/admin/components/lists/items-list.vue
+++ b/src/admin/components/lists/items-list.vue
@@ -102,7 +102,7 @@
                             <span v-if="column.field == 'row_thumbnail'">
                                 <img 
                                         class="table-thumb" 
-                                        :src="item[column.slug]">
+                                        :src="item[column.slug].thumb">
                             </span> 
                             <p 
                                     v-if="column.field == 'row_creation'"