From c6e4a3556c507b0bd2400b3b4df30c15c8d880ec Mon Sep 17 00:00:00 2001
From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 3 Sep 2019 18:49:24 +0200
Subject: [PATCH] Done #2979 @0.25

---
 resources/js/components/CartItem.vue  | 6 +++---
 resources/styles/components/cart.styl | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/CartItem.vue b/resources/js/components/CartItem.vue
index 26bfea1..a172801 100644
--- a/resources/js/components/CartItem.vue
+++ b/resources/js/components/CartItem.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="cart-item flex mb-1v">
+    <div class="cart-item flex mb-1v text-base">
         <a class="block border-gray-100 border-2 bg-center bg-contain bg-no-repeat flex-shrink-0"
            :href="item.URL"
            :style="`background-image: url(${item.image}); width: 144px; height: 144px`">
@@ -7,7 +7,7 @@
         <div class="pl-6 leading-relaxed flex-grow">
             <a :href="item.URL" class="block text-navy font-display">
 
-                {{ item.category }}
+                <span class="text-grey-dark">{{ item.reference }}</span>
                 <br>
                 {{ item.name }}
             </a>
@@ -15,7 +15,7 @@
                 <span class="mr-2">Quantité</span>
                 <number-input v-model="item.quantity" :min="1" inline center controls></number-input>
             </div>
-            <a href="#" class="cart-delete-item text-red block" @click.prevent="deleteItem">
+            <a href="#" class="cart-delete-item text-red" @click.prevent="deleteItem">
                 Supprimer
             </a>
         </div>
diff --git a/resources/styles/components/cart.styl b/resources/styles/components/cart.styl
index 3caaf52..fdcda6f 100644
--- a/resources/styles/components/cart.styl
+++ b/resources/styles/components/cart.styl
@@ -63,4 +63,5 @@
 // Main cart page view
 .cart-page
   .cart-quantity
-    @apply bg-white inline-flex
+    @apply bg-white
+    max-width: 220px
-- 
2.39.5