Style fixes

client/client/src/index/item-client.html

@@ -1,9 +1,7 @@
 <a
     ui-sref="clientCard.basicData({ id: {{::$ctrl.client.id}} })"
     translate-attr="{title: 'View client'}"
-    class="vn-list-item"
+    class="vn-list-item">
-    pad-medium
-    border-solid-bottom>
     <vn-horizontal ng-click="$ctrl.onClick($event)">
         <vn-one>
             <h6>{{::$ctrl.client.name}}</h6>

client/item/src/list/item-product.html

@@ -1,9 +1,7 @@
 <a
     ui-sref="item.card.summary({ id: {{$ctrl.item.id}} })"
     translate-attr="{title: 'View item'}"
-    class="vn-list-item"
+    class="vn-list-item">
-    pad-medium
-    border-solid-bottom>
     <vn-horizontal ng-click="$ctrl.onClick($event)">
         <vn-auto class="image" margin-medium-right>
             <img

client/item/src/list/item-product.js

@@ -1,10 +1,6 @@
 import ngModule from '../module';
 
 class ItemProduct {
-    constructor($http) {
-        this.$http = $http;
-    }
-
     onClick(event) {
         if (event.defaultPrevented)
             event.stopImmediatePropagation();
@@ -20,7 +16,6 @@ class ItemProduct {
         this.ItemList.showItemPreview(this.item);
     }
 }
-ItemProduct.$inject = ['$http', '$scope', 'vnPopover'];
 
 ngModule.component('vnItemProduct', {
     template: require('./item-product.html'),

client/salix/src/styles/misc.scss

@@ -1,6 +1,7 @@
 @import "padding";
 @import "margin";
 @import "colors";
+@import "border";
 
 .form {
     height: 100%;
@@ -151,6 +152,9 @@ vn-main-block {
 }
 
 .vn-list-item {
+    @extend .pad-medium;
+    @extend .border-solid-bottom;
+
     display: block;
     text-decoration: none;
     color: inherit;