[ADD] anhoter color style to product price in card

src/App.vue

@@ -12,8 +12,6 @@
     import ProductsGrid from '@/components/ProductsGrid'
     import Cart from '@/components/Cart'
 
-    console.log(this)
-
     export default {
         components: {
             'products-searcher': ProductsSearcher,

src/components/ProductCard.vue

@@ -24,22 +24,26 @@
     .product-card
         width: 130px
         height: 160px
+        margin: 5px
         border: 1px solid #d3d3d3
         display: inline-block
         position: relative
+        
+        &:hover
+            cursor: pointer
 
         .product-title
             width: 100%
             height: 30px
-            font-size: 12pt
+            font-size: 9pt
             text-align: center
-            margin-top: 12px
+            margin-top: 10px
             position: absolute
             top: 0
 
         .product-image
-            width: 85px
-            height: 85px
+            width: 80px
+            height: 80px
             margin: 0
             border: none
             position: absolute;
@@ -53,9 +57,9 @@
             height: 30px
             padding-top: 5px
             text-align: center
-            font-size: 12pt
+            font-size: 10pt
             font-weight: bold
-            background: #2196f3
+            background: #7c7bad
             color: #fff
             position: absolute
             bottom: 0