From c59760d0664e931fda31563414fc1e3886993b63 Mon Sep 17 00:00:00 2001
From: Mike Tung <miketung2013@gmail.com>
Date: Mon, 29 Jan 2018 22:22:10 -0500
Subject: [PATCH] #9903 moved the css to stable -> petitem.vue for better
 encapsulation.

---
 website/client/components/inventory/item.vue           | 9 +++------
 website/client/components/inventory/stable/petItem.vue | 6 +++++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/website/client/components/inventory/item.vue b/website/client/components/inventory/item.vue
index c82ebf3d8b..6dbfea0c1d 100644
--- a/website/client/components/inventory/item.vue
+++ b/website/client/components/inventory/item.vue
@@ -1,12 +1,12 @@
 <template lang="pug">
 div(v-if="emptyItem")
   .item-wrapper
-    .item.item-empty.pet-slot
+    .item.item-empty
       .item-content
     span.item-label(v-if="label") {{ label }}
 div(v-else)
   .item-wrapper(@click="click", :id="itemId")
-    .item(:class="{'item-active': active, 'highlight-border':highlightBorder }").pet-slot
+    .item(:class="{'item-active': active, 'highlight-border':highlightBorder }")
       slot(name="itemBadge", :item="item")
       span.item-content(
         :class="itemContentClass"
@@ -22,10 +22,7 @@ div(v-else)
     slot(name="popoverContent", :item="item")
 </template>
 
-<style scoped>
-  .pet-slot {
-    margin: 0 2px;
-  }
+<style>
 </style>
 
 <script>
diff --git a/website/client/components/inventory/stable/petItem.vue b/website/client/components/inventory/stable/petItem.vue
index 6acb90d1fe..6da18d249a 100644
--- a/website/client/components/inventory/stable/petItem.vue
+++ b/website/client/components/inventory/stable/petItem.vue
@@ -3,7 +3,7 @@ div
   .item-wrapper(@click="click()", :id="itemId")
     .item(
       :class="{'item-empty': emptyItem, 'highlight': highlightBorder}",
-    )
+    ).pet-slot
       slot(name="itemBadge", :item="item")
       span.item-content(:class="itemContentClass")
       span.pet-progress-background(v-if="item.isAllowedToFeed() && progress > 0")
@@ -28,6 +28,10 @@ div
     left: calc((100% - 62px) / 2);
   }
 
+  .pet-slot {
+    margin: 0 2px;
+  }
+
   .pet-progress-bar {
     height: 4px;
     background-color: #24cc8f;