diff --git a/e2e/helpers/selectors.js b/e2e/helpers/selectors.js
index d8a1cda624..cfa9faa20e 100644
--- a/e2e/helpers/selectors.js
+++ b/e2e/helpers/selectors.js
@@ -175,8 +175,8 @@ export default {
         firstPaymentConfirmed: 'vn-client-web-payment vn-tr:nth-child(1) vn-icon[icon="check"]'
     },
     dms: {
-        deleteFileButton: 'vn-client-dms-index vn-table vn-tr:nth-child(1) vn-icon-button[icon="delete"]',
-        firstDocWorker: 'vn-client-dms-index vn-table > div > vn-tbody > vn-tr > vn-td:nth-child(8) > span',
+        deleteFileButton: 'vn-client-dms-index vn-tr:nth-child(1) vn-icon-button[icon="delete"]',
+        firstDocWorker: 'vn-client-dms-index vn-td:nth-child(8) > span',
         firstDocWorkerDescriptor: '.vn-popover.shown vn-worker-descriptor',
         acceptDeleteButton: 'vn-client-dms-index > vn-confirm button[response="ACCEPT"]'
     },
@@ -494,9 +494,9 @@ export default {
     },
     ticketLog: {
         logButton: 'vn-left-menu a[ui-sref="ticket.card.log"]',
-        changedBy: 'vn-ticket-log > vn-log > vn-vertical > vn-card > div > vn-vertical > vn-table > div > vn-tbody > vn-tr:nth-child(1) > vn-td:nth-child(2) > span',
-        actionTaken: 'vn-ticket-log > vn-log > vn-vertical > vn-card > div > vn-vertical > vn-table > div > vn-tbody > vn-tr > vn-td:nth-child(1) > div > div:nth-child(3) > span.value.ng-scope.ng-binding',
-        id: 'vn-ticket-log > vn-log > vn-vertical > vn-card > div > vn-vertical > vn-table > div > vn-tbody > vn-tr > vn-td.before > vn-one:nth-child(1) > div > span.value.ng-scope.ng-binding'
+        changedBy: 'vn-ticket-log > vn-log vn-tr:nth-child(1) > vn-td:nth-child(2) > span',
+        actionTaken: 'vn-ticket-log > vn-log vn-td:nth-child(1) > div > div:nth-child(3) > span.value',
+        id: 'vn-ticket-log > vn-log vn-td.before > vn-one:nth-child(1) > div > span.value'
     },
     ticketService: {
         addServiceButton: 'vn-ticket-service vn-icon-button[vn-tooltip="Add service"] > button',
diff --git a/front/core/components/check/style.scss b/front/core/components/check/style.scss
index 0d1669a689..1816e01639 100644
--- a/front/core/components/check/style.scss
+++ b/front/core/components/check/style.scss
@@ -7,7 +7,7 @@ vn-check {
     cursor: pointer;
 
     &.disabled {
-        cursor: initial;
+        cursor: inherit;
     }
     & > .check {
         position: relative;
diff --git a/front/core/components/radio/style.scss b/front/core/components/radio/style.scss
index de49286b49..a459cb96f8 100644
--- a/front/core/components/radio/style.scss
+++ b/front/core/components/radio/style.scss
@@ -7,7 +7,7 @@ vn-radio {
     outline: none;
 
     &.disabled {
-        cursor: initial;
+        cursor: inherit;
     }
     & > .radio {
         position: relative;
diff --git a/front/core/components/table/style.scss b/front/core/components/table/style.scss
index 29b1639503..9c14e3e034 100644
--- a/front/core/components/table/style.scss
+++ b/front/core/components/table/style.scss
@@ -51,14 +51,15 @@ vn-table {
         }
         & > * > vn-tr,
         & > * > a.vn-tr {
-            display: table-row
+            display: table-row;
+            height: 3em;
         }
         vn-thead, vn-tbody, vn-tfoot {
             & > * {
                 display: table-row;
 
                 & > vn-th {
-                    font-weight: bold;
+                    color: $color-font-light;
                     padding-top: 1em;
                     padding-bottom: .8em;
                 }
@@ -97,10 +98,10 @@ vn-table {
                     }
                 }
                 & > :last-child {
-                    padding-right: 1em;
+                    padding-right: 1.4em;
                 }
                 & > :first-child {
-                    padding-left: 1em;
+                    padding-left: 1.4em;
                 }
             }
             & > a.vn-tr {
diff --git a/front/core/styles/index.js b/front/core/styles/index.js
index c3503f3d57..0912fcd202 100644
--- a/front/core/styles/index.js
+++ b/front/core/styles/index.js
@@ -1,4 +1,3 @@
-import './md-override.scss';
 import './mdl-override.scss';
 import './mdi-override.css';
 import './zoom-image.scss';
diff --git a/front/core/styles/md-override.scss b/front/core/styles/md-override.scss
deleted file mode 100644
index ba71a9a773..0000000000
--- a/front/core/styles/md-override.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-
-html {
-    background-color: initial;
-}
-
-// Disable ng-repeat effects
-
-.ng-enter,
-.ng-leave {
-    transition: none !important;
-}
diff --git a/front/salix/styles/responsive.scss b/front/salix/styles/responsive.scss
index fc47180ba7..9cc58dd12c 100644
--- a/front/salix/styles/responsive.scss
+++ b/front/salix/styles/responsive.scss
@@ -1,3 +1,4 @@
+@import "variables";
 
 /* Desktop - Laptop 1360x768 */
 @media (max-resolution: 119dpi) and (min-device-width: 1340px) and (max-device-width: 1899px)
@@ -46,3 +47,9 @@
 {
 	body { font-size: 11pt; }
 }
+
+.vn-hide-narrow {
+	@media (max-width: $mobile-width) {
+		display: none;
+	}
+}
diff --git a/front/salix/styles/variables.scss b/front/salix/styles/variables.scss
index be4b94d700..6bc311c33b 100644
--- a/front/salix/styles/variables.scss
+++ b/front/salix/styles/variables.scss
@@ -7,7 +7,7 @@ $mobile-width: 800px;
 
 $width-xs: 25em;
 $width-sm: 32em;
-$width-md: 60em;
+$width-md: 50em;
 $width-lg: 80em;
 $width-xl: 100em;
 
@@ -31,7 +31,8 @@ $margin-huge: 100px;
 $color-header: #3d3d3d;
 $color-bg: #e5e5e5;
 $color-bg-dark: #3d3d3d;
-$color-font: #222222;
+$color-font: #222;
+$color-font-light: #555;
 $color-font-secondary: #9b9b9b;
 $color-font-dark: white;
 $color-font-bg: rgba(0, 0, 0, .7);
@@ -49,7 +50,7 @@ $color-spacer: rgba(0, 0, 0, .3);
 $color-spacer-light: rgba(0, 0, 0, .12);
 $color-input-underline: rgba(0, 0, 0, .12);
 $color-shadow: rgba(0, 0, 0, .2);
-$color-hightlight: rgba(0, 0, 0, .15);
+$color-hightlight: rgba(0, 0, 0, .05);
 $color-hover-cd: rgba(0, 0, 0, .1);
 $color-hover-dc: .7;
 $color-disabled: .6;
@@ -72,6 +73,7 @@ $color-header: #3d3d3d;
 $color-bg: #222;
 $color-bg-dark: #222;
 $color-font: white;
+$color-font-light: #aaa;
 $color-font-secondary: #777;
 $color-font-dark: white;
 $color-font-bg: rgba(0, 0, 0, .8);
@@ -106,5 +108,5 @@ $color-alert-light: darken($color-alert, 35%);
 
 // Border
 
-$border-thin: .1em solid $color-spacer;
-$border-thin-light: .1em solid $color-spacer-light;
+$border-thin: .05em solid $color-spacer;
+$border-thin-light: .05em solid $color-spacer-light;
diff --git a/modules/agency/front/location/index.html b/modules/agency/front/location/index.html
index b3025a8e0b..63291c6b28 100644
--- a/modules/agency/front/location/index.html
+++ b/modules/agency/front/location/index.html
@@ -4,7 +4,7 @@
     filter="::$ctrl.filter"
     auto-load="false">
 </vn-crud-model>
-<div compact>
+<div class="vn-w-md">
     <vn-card pad-large-h>
         <vn-searchbar
             on-search="$ctrl.onSearch($params)"
diff --git a/modules/client/front/address/index/index.html b/modules/client/front/address/index/index.html
index 2a601ade19..a47f6e1e35 100644
--- a/modules/client/front/address/index/index.html
+++ b/modules/client/front/address/index/index.html
@@ -7,36 +7,29 @@
     auto-load="true">
 </vn-crud-model>
 <div compact>
-    <vn-card pad-large>
+    <vn-card pad-medium>
         <div
             ng-repeat="address in $ctrl.addresses"
             class="address">
             <a
                 ui-sref="client.card.address.edit({addressId: {{::address.id}}})"
                 class="pad-small border-solid"
-                ng-class="{
-                    'item-hightlight': $ctrl.isDefaultAddress(address), 
-                    'item-disabled': !address.isActive && !$ctrl.isDefaultAddress(address)
-                }"
+                ng-class="{'item-disabled': !address.isActive}"
                 translate-attr="{title: 'Edit address'}"
                 border-radius>
                 <vn-none
                     pad-small-right
                     ng-click="$ctrl.onStarClick($event)">
                     <vn-icon-button
+                        ng-if="$ctrl.isDefaultAddress(address)"
                         icon="star"
-                        ng-if="$ctrl.isDefaultAddress(address)">
+                        translate-attr="{title: 'Default address'}">
                     </vn-icon-button>
                     <vn-icon-button
-                        ng-if="!address.isActive && !$ctrl.isDefaultAddress(address)"
+                        ng-if="!$ctrl.isDefaultAddress(address)"
                         icon="star_border"
-                        vn-tooltip="Active first to set as default">
-                    </vn-icon-button>
-                    <vn-icon-button
-                        ng-if="address.isActive && !$ctrl.isDefaultAddress(address)"
-                        icon="star_border"
-                        vn-tooltip="Set as default"
-                        ng-click="$ctrl.setDefault(address)">
+                        ng-click="$ctrl.setDefault(address)"
+                        translate-attr="{title: 'Set as default'}">
                     </vn-icon-button>
                 </vn-none>
                 <vn-one 
@@ -59,6 +52,7 @@
                     ng-if="address.observations.length"
                     border-solid-left
                     pad-medium-h
+                    class="vn-hide-narrow"
                     style="height: 6em; overflow: auto;">
                     <vn-one ng-repeat="observation in address.observations track by $index" ng-class="{'pad-small-top': $index}">
                         <b>{{::observation.observationType.description}}:</b> 
diff --git a/modules/client/front/address/index/index.js b/modules/client/front/address/index/index.js
index 96859a0c02..8dc9b4394a 100644
--- a/modules/client/front/address/index/index.js
+++ b/modules/client/front/address/index/index.js
@@ -56,8 +56,7 @@ class Controller {
     }
 
     isDefaultAddress(address) {
-        if (this.client)
-            return this.client.defaultAddressFk === address.id;
+        return this.client && this.client.defaultAddressFk === address.id;
     }
 
     /**
diff --git a/modules/client/front/balance/index/index.html b/modules/client/front/balance/index/index.html
index 045eb1f803..34a75c39a5 100644
--- a/modules/client/front/balance/index/index.html
+++ b/modules/client/front/balance/index/index.html
@@ -11,8 +11,8 @@
     filter="$ctrl.filter"
     data="$ctrl.clientRisks">
 </vn-crud-model>
-<vn-vertical>
-    <vn-card pad-large>
+<div>
+    <vn-card class="pad-medium margin-medium-bottom">
         <vn-horizontal>
             <vn-one></vn-one>
             <vn-one>
@@ -23,7 +23,7 @@
                     url="/client/api/Companies"
                     show-field="code"
                     value-field="id"
-                    label="Select company">
+                    label="Company">
                 </vn-autocomplete>
             </vn-one>
             <vn-one>
@@ -38,68 +38,67 @@
                 </div>
             </vn-one>
         </vn-horizontal>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th default-order>Date</vn-th>
-                        <vn-th>Creation date</vn-th>
-                        <vn-th>Employee</vn-th>
-                        <vn-th>Reference</vn-th>
-                        <vn-th number>Bank</vn-th>
-                        <vn-th number>Debit</vn-th>
-                        <vn-th number>Havings</vn-th>
-                        <vn-th number>Balance</vn-th>
-                        <vn-th center>Conciliated</vn-th>
-                        <vn-th></vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="balance in $ctrl.balances">
-                        <vn-td>{{::balance.payed | dateTime:'dd/MM/yyyy'}}</vn-td>
-                        <vn-td>{{::balance.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
-                        <vn-td>
-                            <span 
-                                class="link" 
-                                ng-click="$ctrl.showWorkerDescriptor($event, balance.workerFk)">
-                                {{::balance.userNickname}}
-                            </span>
-                        </vn-td>
-                        <vn-td>
-                            <span
-                                ng-class="{'link': balance.isInvoice}" 
-                                ng-click="$ctrl.showInvoiceOutDescriptor($event, balance)"
-                                ng-show="balance.ref">{{balance.isInvoice ? 'BILL' : balance.ref | translate: {ref: balance.ref} }}
-                            </span>
-                        </vn-td>
-                        <vn-td number>{{::balance.bankFk}}</vn-td>
-                        <vn-td number>{{::balance.debit | currency: 'EUR':2}}</vn-td>
-                        <vn-td number>{{::balance.credit | currency: 'EUR':2}}</vn-td>
-                        <vn-td number>{{balance.balance | currency: 'EUR':2}}</vn-td>
-                        <vn-td center>
-                            <vn-check
-                                field="balance.isConciliate"
-                                disabled="true">
-                            </vn-check>
-                        </vn-td>
-                        <vn-td center>
-                            <a ng-show="balance.hasPdf"
-                                target="_blank"
-                                href="api/InvoiceOuts/{{::balance.id}}/download?access_token={{::$ctrl.accessToken}}">
-                                <vn-icon-button
-                                    icon="cloud_download"
-                                    title="{{'Download PDF' | translate}}">
-                                </vn-icon-button>
-                            </a>
-                        </vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
     </vn-card>
-</vn-vertical>
-
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th default-order>Date</vn-th>
+                    <vn-th>Creation date</vn-th>
+                    <vn-th>Employee</vn-th>
+                    <vn-th>Reference</vn-th>
+                    <vn-th number>Bank</vn-th>
+                    <vn-th number>Debit</vn-th>
+                    <vn-th number>Havings</vn-th>
+                    <vn-th number>Balance</vn-th>
+                    <vn-th center>Conciliated</vn-th>
+                    <vn-th></vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="balance in $ctrl.balances">
+                    <vn-td>{{::balance.payed | dateTime:'dd/MM/yyyy'}}</vn-td>
+                    <vn-td>{{::balance.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
+                    <vn-td>
+                        <span 
+                            class="link" 
+                            ng-click="$ctrl.showWorkerDescriptor($event, balance.workerFk)">
+                            {{::balance.userNickname}}
+                        </span>
+                    </vn-td>
+                    <vn-td>
+                        <span
+                            ng-class="{'link': balance.isInvoice}" 
+                            ng-click="$ctrl.showInvoiceOutDescriptor($event, balance)"
+                            ng-show="balance.ref">{{balance.isInvoice ? 'BILL' : balance.ref | translate: {ref: balance.ref} }}
+                        </span>
+                    </vn-td>
+                    <vn-td number>{{::balance.bankFk}}</vn-td>
+                    <vn-td number>{{::balance.debit | currency: 'EUR':2}}</vn-td>
+                    <vn-td number>{{::balance.credit | currency: 'EUR':2}}</vn-td>
+                    <vn-td number>{{balance.balance | currency: 'EUR':2}}</vn-td>
+                    <vn-td center>
+                        <vn-check
+                            field="balance.isConciliate"
+                            disabled="true">
+                        </vn-check>
+                    </vn-td>
+                    <vn-td center>
+                        <a ng-show="balance.hasPdf"
+                            target="_blank"
+                            href="api/InvoiceOuts/{{::balance.id}}/download?access_token={{::$ctrl.accessToken}}">
+                            <vn-icon-button
+                                icon="cloud_download"
+                                title="{{'Download PDF' | translate}}">
+                            </vn-icon-button>
+                        </a>
+                    </vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
+    </vn-card>
+    <vn-pagination model="model"></vn-pagination>
+</div>
 <vn-float-button
     vn-acl="administrative"
     vn-acl-action="remove"
@@ -109,15 +108,13 @@
     fixed-bottom-right
     ng-click="$ctrl.openCreateDialog()">
 </vn-float-button>
-
-<vn-client-balance-create vn-id="balanceCreateDialog">
+<vn-client-balance-create
+    vn-id="balanceCreateDialog">
 </vn-client-balance-create>
-
 <vn-worker-descriptor-popover 
     vn-id="workerDescriptor"
     worker-fk="$ctrl.selectedWorker">
 </vn-worker-descriptor-popover>
-
 <vn-invoice-out-descriptor-popover 
     vn-id="invoiceOutDescriptor"
     invoice-out-id="$ctrl.selectedInvoiceOut">
diff --git a/modules/client/front/credit-insurance/index/index.html b/modules/client/front/credit-insurance/index/index.html
index 37840d0b90..f66897dad3 100644
--- a/modules/client/front/credit-insurance/index/index.html
+++ b/modules/client/front/credit-insurance/index/index.html
@@ -1,8 +1,8 @@
-<div compact>
-    <vn-card pad-large>
+<div class="vn-w-md">
+    <vn-card pad-medium>
         <vn-horizontal
             ng-repeat="classification in $ctrl.classifications track by classification.id"
-            class="pad-medium-top"
+            class="pad-medium-bottom insurance"
             style="align-items: center;">
             <vn-one
                 border-radius
@@ -52,16 +52,16 @@
             </vn-one>
         </vn-horizontal>
     </vn-card>
-    <vn-float-button
-        ng-if="$ctrl.canCreateNew()"
-        vn-tooltip="New contract"
-        fixed-bottom-right
-        ui-sref="client.card.creditInsurance.create"
-        icon="add"
-        vn-bind="+"
-        label="Add">
-    </vn-float-button>
 </div>
+<vn-float-button
+    ng-if="$ctrl.canCreateNew()"
+    vn-tooltip="New contract"
+    fixed-bottom-right
+    ui-sref="client.card.creditInsurance.create"
+    icon="add"
+    vn-bind="+"
+    label="Add">
+</vn-float-button>
 <vn-confirm
     vn-id="close-contract"
     on-response="$ctrl.returnDialog(response)"
diff --git a/modules/client/front/credit-insurance/index/index.js b/modules/client/front/credit-insurance/index/index.js
index 6d6994a9a2..2be2b968f0 100644
--- a/modules/client/front/credit-insurance/index/index.js
+++ b/modules/client/front/credit-insurance/index/index.js
@@ -1,7 +1,7 @@
 import ngModule from '../../module';
+import './style.scss';
 
 class Controller {
-
     constructor($http, $scope) {
         this.$http = $http;
         this.$scope = $scope;
diff --git a/modules/client/front/credit-insurance/index/style.scss b/modules/client/front/credit-insurance/index/style.scss
new file mode 100644
index 0000000000..6b4f25e2c1
--- /dev/null
+++ b/modules/client/front/credit-insurance/index/style.scss
@@ -0,0 +1,5 @@
+vn-client-credit-insurance-index{
+    .insurance:last-child {
+        padding-bottom: 0;
+    }
+}
\ No newline at end of file
diff --git a/modules/client/front/credit/index/index.html b/modules/client/front/credit/index/index.html
index 9757f80455..b08c4674b1 100644
--- a/modules/client/front/credit/index/index.html
+++ b/modules/client/front/credit/index/index.html
@@ -6,34 +6,33 @@
     limit="20"
     data="credits" auto-load="false">
 </vn-crud-model>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th field="amount">Credit</vn-th>
-                        <vn-th field="created" default-order="DESC">Since</vn-th>
-                        <vn-th>Employee</vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="credit in credits track by credit.id">
-                        <vn-td>{{::credit.amount | number:2}} €</vn-td>
-                        <vn-td>{{::credit.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
-                        <vn-td>{{::credit.worker.user.nickname}}</vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
+<div class="vn-w-md">
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th field="created" default-order="DESC">Since</vn-th>
+                    <vn-th>Employee</vn-th>
+                    <vn-th field="amount" number>Credit</vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="credit in credits track by credit.id">
+                    <vn-td>{{::credit.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
+                    <vn-td>{{::credit.worker.user.nickname}}</vn-td>
+                    <vn-td number>{{::credit.amount | currency:'EUR':2}}</vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
     </vn-card>
-</vn-vertical>
-
-<vn-float-button icon="add" fixed-bottom-right
+    <vn-pagination model="model"></vn-pagination>
+</div>
+<vn-float-button
+    icon="add"
     ui-sref="client.card.credit.create"
     vn-acl="teamBoss"
     vn-acl-action="remove"
     vn-tooltip="New credit" 
-    vn-bind="+">
+    vn-bind="+"
+    fixed-bottom-right>
 </vn-float-button>
diff --git a/modules/client/front/dms/index/index.html b/modules/client/front/dms/index/index.html
index c147a74e06..32b8f81d74 100644
--- a/modules/client/front/dms/index/index.html
+++ b/modules/client/front/dms/index/index.html
@@ -6,99 +6,97 @@
     limit="20"
     data="$ctrl.clientDms">
 </vn-crud-model>
-<vn-vertical>
-    <vn-card pad-large>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th field="dmsFk" default-order="DESC" shrink>Id</vn-th>
-                        <vn-th field="dmsTypeFk" shrink>Type</vn-th>
-                        <vn-th field="hardCopyNumber" shrink number>Order</vn-th>
-                        <vn-th field="reference" shrink>Reference</vn-th>
-                        <vn-th expand>Description</vn-th>
-                        <vn-th field="hasFile" shrink>Original</vn-th>
-                        <vn-th shrink>File</vn-th>
-                        <vn-th shrink>Employee</vn-th>
-                        <vn-th field="created">Created</vn-th>
-                        <vn-th shrink></vn-th>
-                        <vn-th shrink></vn-th>
-                        <vn-th shrink></vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="document in $ctrl.clientDms">
-                        <vn-td number shrink>{{::document.dmsFk}}</vn-td>
-                        <vn-td shrink>
-                            <span title="{{::document.dms.dmsType.name}}">
-                                {{::document.dms.dmsType.name}}
-                            </span>
-                        </vn-td>
-                        <vn-td shrink number>
-                            <span class="chip" title="{{::document.dms.hardCopyNumber}}"
-                                ng-class="{'message': document.dms.hardCopyNumber}">
-                                {{::document.dms.hardCopyNumber}}
-                            </span>
-                        </vn-td>
-                        <vn-td shrink>
-                            <span title="{{::document.dms.reference}}">
-                                {{::document.dms.reference}}
-                            </span>
-                        </vn-td>
-                        <vn-td expand>
-                            <span title="{{::document.dms.description}}">
-                                {{::document.dms.description}}
-                            </span>
-                        </vn-td>
-                        <vn-td shrink>
-                            <vn-check disabled="true"
-                                field="document.dms.hasFile">
-                            </vn-check>
-                        </vn-td>
-                        <vn-td shrink>
-                            <a target="_blank"
-                                title="{{'Download file' | translate}}"
-                                href="api/dms/{{::document.dmsFk}}/downloadFile?access_token={{::$ctrl.accessToken}}">{{::document.dms.file}}
-                            </a>
-                        </vn-td>
-                        <vn-td shrink>
-                            <span class="link" 
-                                ng-click="$ctrl.showWorkerDescriptor($event, document.dms.workerFk)">
-                                {{::document.dms.worker.user.nickname | dashIfEmpty}}
-                            </span></vn-td>
-                        <vn-td>
-                            {{::document.dms.created | dateTime:'dd/MM/yyyy HH:mm'}}
-                        </vn-td>
-                        <vn-td shrink>
-                            <a target="_blank"
-                                href="api/dms/{{::document.dmsFk}}/downloadFile?access_token={{::$ctrl.accessToken}}">
-                                <vn-icon-button
-                                    icon="cloud_download"
-                                    title="{{'Download file' | translate}}">
-                                </vn-icon-button>
-                            </a>
-                        </vn-td>
-                        <vn-td shrink>
-                                <vn-icon-button ui-sref="client.card.dms.edit({dmsId: {{::document.dmsFk}}})"
-                                icon="edit"
-                                title="{{'Edit file' | translate}}">
-                            </vn-icon-button>
-                        </vn-td>
-                        <vn-td shrink>
+<div class="vn-w-lg">
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th field="dmsFk" default-order="DESC" shrink>Id</vn-th>
+                    <vn-th field="dmsTypeFk" shrink>Type</vn-th>
+                    <vn-th field="hardCopyNumber" shrink number>Order</vn-th>
+                    <vn-th field="reference" shrink>Reference</vn-th>
+                    <vn-th expand>Description</vn-th>
+                    <vn-th field="hasFile" shrink>Original</vn-th>
+                    <vn-th shrink>File</vn-th>
+                    <vn-th shrink>Employee</vn-th>
+                    <vn-th field="created">Created</vn-th>
+                    <vn-th shrink></vn-th>
+                    <vn-th shrink></vn-th>
+                    <vn-th shrink></vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="document in $ctrl.clientDms">
+                    <vn-td number shrink>{{::document.dmsFk}}</vn-td>
+                    <vn-td shrink>
+                        <span title="{{::document.dms.dmsType.name}}">
+                            {{::document.dms.dmsType.name}}
+                        </span>
+                    </vn-td>
+                    <vn-td shrink number>
+                        <span class="chip" title="{{::document.dms.hardCopyNumber}}"
+                            ng-class="{'message': document.dms.hardCopyNumber}">
+                            {{::document.dms.hardCopyNumber}}
+                        </span>
+                    </vn-td>
+                    <vn-td shrink>
+                        <span title="{{::document.dms.reference}}">
+                            {{::document.dms.reference}}
+                        </span>
+                    </vn-td>
+                    <vn-td expand>
+                        <span title="{{::document.dms.description}}">
+                            {{::document.dms.description}}
+                        </span>
+                    </vn-td>
+                    <vn-td shrink>
+                        <vn-check disabled="true"
+                            field="document.dms.hasFile">
+                        </vn-check>
+                    </vn-td>
+                    <vn-td shrink>
+                        <a target="_blank"
+                            title="{{'Download file' | translate}}"
+                            href="api/dms/{{::document.dmsFk}}/downloadFile?access_token={{::$ctrl.accessToken}}">{{::document.dms.file}}
+                        </a>
+                    </vn-td>
+                    <vn-td shrink>
+                        <span class="link" 
+                            ng-click="$ctrl.showWorkerDescriptor($event, document.dms.workerFk)">
+                            {{::document.dms.worker.user.nickname | dashIfEmpty}}
+                        </span></vn-td>
+                    <vn-td>
+                        {{::document.dms.created | dateTime:'dd/MM/yyyy HH:mm'}}
+                    </vn-td>
+                    <vn-td shrink>
+                        <a target="_blank"
+                            href="api/dms/{{::document.dmsFk}}/downloadFile?access_token={{::$ctrl.accessToken}}">
                             <vn-icon-button
-                                icon="delete"
-                                ng-click="$ctrl.showDeleteConfirm($index)"
-                                title="{{'Remove file' | translate}}"
-                                tabindex="-1">
+                                icon="cloud_download"
+                                title="{{'Download file' | translate}}">
                             </vn-icon-button>
-                        </vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
+                        </a>
+                    </vn-td>
+                    <vn-td shrink>
+                            <vn-icon-button ui-sref="client.card.dms.edit({dmsId: {{::document.dmsFk}}})"
+                            icon="edit"
+                            title="{{'Edit file' | translate}}">
+                        </vn-icon-button>
+                    </vn-td>
+                    <vn-td shrink>
+                        <vn-icon-button
+                            icon="delete"
+                            ng-click="$ctrl.showDeleteConfirm($index)"
+                            title="{{'Remove file' | translate}}"
+                            tabindex="-1">
+                        </vn-icon-button>
+                    </vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
     </vn-card>
-</vn-vertical>
+</div>
+<vn-pagination model="model"></vn-pagination>
 <vn-worker-descriptor-popover 
     vn-id="workerDescriptor">
 </vn-worker-descriptor-popover>
diff --git a/modules/client/front/greuge/index/index.html b/modules/client/front/greuge/index/index.html
index 537e676029..a5e7e5f569 100644
--- a/modules/client/front/greuge/index/index.html
+++ b/modules/client/front/greuge/index/index.html
@@ -4,49 +4,53 @@
     filter="::$ctrl.filter"
     link="{clientFk: $ctrl.$stateParams.id}"
     limit="20"
-    data="greuges" auto-load="true">
+    data="greuges"
+    auto-load="true">
 </vn-crud-model>
 <mg-ajax 
     path="/client/api/greuges/{{$ctrl.$stateParams.id}}/sumAmount" 
     options="mgEdit">
 </mg-ajax>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-horizontal>
-            <div class="totalBox" ng-if="model.data.length > 0">
-                <vn-label-value label="Total" 
-                    value="{{edit.model.sumAmount | currency: 'EUR': 2}}">
-                </vn-label-value>
-            </div>
-        </vn-horizontal>
+<div class="vn-w-md">
+    <vn-card
+        ng-if="model.data.length > 0"
+        style="text-align: right;"
+        class="margin-medium-bottom pad-large">
+        <vn-label-value
+            label="Total" 
+            value="{{edit.model.sumAmount | currency: 'EUR': 2}}">
+        </vn-label-value>
+    </vn-card>
+    <vn-card>
         <vn-vertical>
             <vn-table model="model" auto-load="false">
                 <vn-thead>
                     <vn-tr>
                         <vn-th field="shipped" default-order="DESC">Date</vn-th>
                         <vn-th field="description">Comment</vn-th>
-                        <vn-th field="amount" >Amount</vn-th>
                         <vn-th field="greugeTypeFk">Type</vn-th>
+                        <vn-th field="amount" number>Amount</vn-th>
                     </vn-tr>
                 </vn-thead>
                 <vn-tbody>
                     <vn-tr ng-repeat="greuge in greuges">
                         <vn-td>{{::greuge.shipped | dateTime:'dd/MM/yyyy HH:mm' }}</vn-td>
                         <vn-td>{{::greuge.description}}</vn-td>
-                        <vn-td>{{::greuge.amount | currency: 'EUR': 2}}</vn-td>
                         <vn-td>{{::greuge.greugeType.name}}</vn-td>
+                        <vn-td number>{{::greuge.amount | currency: 'EUR': 2}}</vn-td>
                     </vn-tr>
                 </vn-tbody>
             </vn-table>
         </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
     </vn-card>
-</vn-vertical>
-
-<vn-float-button icon="add" fixed-bottom-right
+    <vn-pagination model="model"></vn-pagination>
+</div>
+<vn-float-button
+    icon="add"
     ui-sref="client.card.greuge.create" 
     vn-tooltip="New greuge" 
     vn-acl="salesAssistant"
     vn-acl-action="remove"
-    vn-bind="+">
+    vn-bind="+"
+    fixed-bottom-right>
 </vn-float-button>
diff --git a/modules/client/front/mandate/index.html b/modules/client/front/mandate/index.html
index ad6345dd9f..b4db8970d3 100644
--- a/modules/client/front/mandate/index.html
+++ b/modules/client/front/mandate/index.html
@@ -4,32 +4,31 @@
     filter="::$ctrl.filter"
     link="{clientFk: $ctrl.$stateParams.id}"
     limit="20"
-    data="mandates" auto-load="false">
+    data="mandates"
+    auto-load="false">
 </vn-crud-model>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th field="id">Id</vn-th>
-                        <vn-th field="companyFk">Company</vn-th>
-                        <vn-th field="mandateTypeFk">Type</vn-th>
-                        <vn-th field="created" default-order="DESC">Register date</vn-th>
-                        <vn-th field="finished">End date</vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="mandate in mandates">
-                        <vn-td>{{::mandate.id}}</vn-td>
-                        <vn-td>{{::mandate.company.code}}</vn-td>
-                        <vn-td>{{::mandate.mandateType.name}}</vn-td>
-                        <vn-td>{{::mandate.created | dateTime:'dd/MM/yyyy HH:mm' }}</vn-td>
-                        <vn-td>{{::mandate.finished | dateTime:'dd/MM/yyyy HH:mm' || '-'}}</vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
+<div class="vn-w-md">
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th field="id" number>Id</vn-th>
+                    <vn-th field="companyFk">Company</vn-th>
+                    <vn-th field="mandateTypeFk">Type</vn-th>
+                    <vn-th field="created" default-order="DESC">Register date</vn-th>
+                    <vn-th field="finished">End date</vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="mandate in mandates">
+                    <vn-td number>{{::mandate.id}}</vn-td>
+                    <vn-td>{{::mandate.company.code}}</vn-td>
+                    <vn-td>{{::mandate.mandateType.name}}</vn-td>
+                    <vn-td>{{::mandate.created | dateTime:'dd/MM/yyyy HH:mm' }}</vn-td>
+                    <vn-td>{{::mandate.finished | dateTime:'dd/MM/yyyy HH:mm' || '-'}}</vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
     </vn-card>
+    <vn-pagination model="model"></vn-pagination>
 </vn-vertical>
\ No newline at end of file
diff --git a/modules/client/front/mandate/index.js b/modules/client/front/mandate/index.js
index a406fcab37..607bb335b3 100644
--- a/modules/client/front/mandate/index.js
+++ b/modules/client/front/mandate/index.js
@@ -6,15 +6,14 @@ class Controller {
         this.filter = {
             include: [
                 {
-                    relation: "mandateType",
+                    relation: 'mandateType',
                     scope: {
-                        fields: ["id", "name"]
+                        fields: ['id', 'name']
                     }
-                },
-                {
-                    relation: "company",
+                }, {
+                    relation: 'company',
                     scope: {
-                        fields: ["id", "code"]
+                        fields: ['id', 'code']
                     }
                 }
             ]
diff --git a/modules/client/front/note/index/index.html b/modules/client/front/note/index/index.html
index 179a0d9a74..a9182634eb 100644
--- a/modules/client/front/note/index/index.html
+++ b/modules/client/front/note/index/index.html
@@ -6,9 +6,9 @@
     data="notes"
     auto-load="true">
 </vn-crud-model>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-vertical 
+<div class="vn-w-md">
+    <vn-card pad-medium>
+        <div class="note"
             ng-repeat="note in notes" 
             pad-small
             border-solid
@@ -21,14 +21,12 @@
             <vn-horizontal class="text">
                 {{::note.text}}
             </vn-horizontal>
-        </vn-vertical>
-        <vn-horizontal ng-if="model.data.length == 0">
-            <vn-one ad-small translate>
-                No results
-            </vn-one>
-        </vn-horizontal>
+        </div>
+        <div ng-if="model.data.length == 0" ad-small translate>
+            No results
+        </div>
     </vn-card>
-</vn-vertical>
+</div>
 
 <a vn-tooltip="New note"
     ui-sref="client.card.note.create({id: $ctrl.$stateParams.id})" 
diff --git a/modules/client/front/note/index/index.js b/modules/client/front/note/index/index.js
index 63fc6643a3..ef1f0d5fb4 100644
--- a/modules/client/front/note/index/index.js
+++ b/modules/client/front/note/index/index.js
@@ -1,4 +1,5 @@
 import ngModule from '../../module';
+import './style.scss';
 
 export default class Controller {
     constructor($stateParams) {
diff --git a/modules/client/front/note/index/style.scss b/modules/client/front/note/index/style.scss
new file mode 100644
index 0000000000..44ae2cee77
--- /dev/null
+++ b/modules/client/front/note/index/style.scss
@@ -0,0 +1,5 @@
+vn-client-note {
+    .note:last-child {
+        margin-bottom: 0;
+    }
+}
\ No newline at end of file
diff --git a/modules/client/front/recovery/index/index.html b/modules/client/front/recovery/index/index.html
index af996fc4fd..18d8892abf 100644
--- a/modules/client/front/recovery/index/index.html
+++ b/modules/client/front/recovery/index/index.html
@@ -1,51 +1,51 @@
 <vn-crud-model
     vn-id="model"
     url="/client/api/Recoveries"
-    filter="{}"
     link="{clientFk: $ctrl.$stateParams.id}"
     limit="20"
-    data="recoveries" auto-load="false">
+    data="recoveries"
+    auto-load="false">
 </vn-crud-model>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th></vn-th>
-                        <vn-th field="started" default-order="DESC">Since</vn-th>
-                        <vn-th field="finished">To</vn-th>
-                        <vn-th field="amount">Amount</vn-th>
-                        <vn-th field="period">Period</vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="recovery in recoveries">
-                        <vn-td>
-                            <vn-icon-button icon="lock" 
-                                vn-acl="administrative"
-                                vn-acl-action="remove"
-                                vn-tooltip="Finish that recovery period"                        
-                                ng-if="!recovery.finished"
-                                ng-click="$ctrl.setFinished(recovery)">
-                            </vn-icon-button>
-                        </vn-td>
-                        <vn-td>{{::recovery.started | dateTime:'dd/MM/yyyy' }}</vn-td>
-                        <vn-td>{{recovery.finished | dateTime:'dd/MM/yyyy' }}</vn-td>
-                        <vn-td>{{::recovery.amount | currency: 'EUR': 0}}</vn-td>
-                        <vn-td>{{::recovery.period}}</vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>          
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
+<div class="vn-w-md">
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th></vn-th>
+                    <vn-th field="started" default-order="DESC">Since</vn-th>
+                    <vn-th field="finished">To</vn-th>
+                    <vn-th field="amount" number>Amount</vn-th>
+                    <vn-th field="period" number>Period</vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="recovery in recoveries">
+                    <vn-td>
+                        <vn-icon-button
+                            icon="lock" 
+                            vn-acl="administrative"
+                            vn-acl-action="remove"
+                            vn-tooltip="Finish that recovery period"                        
+                            ng-if="!recovery.finished"
+                            ng-click="$ctrl.setFinished(recovery)">
+                        </vn-icon-button>
+                    </vn-td>
+                    <vn-td>{{::recovery.started | dateTime:'dd/MM/yyyy' }}</vn-td>
+                    <vn-td>{{recovery.finished | dateTime:'dd/MM/yyyy' }}</vn-td>
+                    <vn-td number>{{::recovery.amount | currency: 'EUR': 0}}</vn-td>
+                    <vn-td number>{{::recovery.period}}</vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
     </vn-card>
-</vn-vertical>
-
-<vn-float-button icon="add" fixed-bottom-right
+    <vn-pagination model="model"></vn-pagination>
+</div>
+<vn-float-button
+    icon="add"
+    fixed-bottom-right
     vn-tooltip="New recovery"
     vn-bind="+" 
     vn-acl="administrative"
     vn-acl-action="remove"
     ui-sref="client.card.recovery.create">
-</vn-float-button>
\ No newline at end of file
+</vn-float-button>
diff --git a/modules/client/front/sample/index/index.html b/modules/client/front/sample/index/index.html
index 48543d1353..aea357426d 100644
--- a/modules/client/front/sample/index/index.html
+++ b/modules/client/front/sample/index/index.html
@@ -4,43 +4,40 @@
     filter="::$ctrl.filter"
     link="{clientFk: $ctrl.$stateParams.id}"
     limit="20"
-    data="samples" auto-load="false">
+    data="samples"
+    auto-load="false">
 </vn-crud-model>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-horizontal>
-        </vn-horizontal>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th field="created" default-order="DESC">Sent</vn-th>
-                        <vn-th>Description</vn-th>
-                        <vn-th field="workerFk">Worker</vn-th>
-                        <vn-th field="companyFk">Company</vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="sample in samples">
-                        <vn-td>{{::sample.created | dateTime:'dd/MM/yyyy HH:mm' }}</vn-td>
-                        <vn-td 
-                            title="{{::sample.type.description}}">
-                            {{::sample.type.description}}
-                        </vn-td>
-                        <vn-td>                       
-                            <span class="link" 
-                            ng-click="$ctrl.showWorkerDescriptor($event, sample.worker.id)">
-                            {{::sample.worker.user.nickname}}
-                            </span>
-                        </vn-td>
-                        <vn-td>{{::sample.company.code}}</vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
+<div class="vn-w-md">
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th field="created" default-order="DESC">Sent</vn-th>
+                    <vn-th>Description</vn-th>
+                    <vn-th field="workerFk">Worker</vn-th>
+                    <vn-th field="companyFk">Company</vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="sample in samples">
+                    <vn-td>{{::sample.created | dateTime:'dd/MM/yyyy HH:mm' }}</vn-td>
+                    <vn-td 
+                        title="{{::sample.type.description}}">
+                        {{::sample.type.description}}
+                    </vn-td>
+                    <vn-td>                       
+                        <span class="link" 
+                        ng-click="$ctrl.showWorkerDescriptor($event, sample.worker.id)">
+                        {{::sample.worker.user.nickname}}
+                        </span>
+                    </vn-td>
+                    <vn-td>{{::sample.company.code}}</vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
     </vn-card>
-</vn-vertical>
+    <vn-pagination model="model"></vn-pagination>
+</div>
 <vn-worker-descriptor-popover 
     vn-id="workerDescriptor"
     worker-fk="$ctrl.selectedWorker">
diff --git a/modules/client/front/summary/locale/es.yml b/modules/client/front/summary/locale/es.yml
index a21be4523d..24068e4ad8 100644
--- a/modules/client/front/summary/locale/es.yml
+++ b/modules/client/front/summary/locale/es.yml
@@ -1,4 +1,4 @@
-Default address: Consignatario pred.
+Default address: Consignatario predeterminado
 Total greuge: Greuge total
 Financial information: Datos financieros
 Mana: Maná
diff --git a/modules/client/front/web-payment/index.html b/modules/client/front/web-payment/index.html
index e9c45dc533..bd3cbe4461 100644
--- a/modules/client/front/web-payment/index.html
+++ b/modules/client/front/web-payment/index.html
@@ -5,50 +5,48 @@
     limit="20"
     data="transactions" auto-load="false">
 </vn-crud-model>
-<vn-vertical compact>
-    <vn-card pad-large>
-        <vn-vertical>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th>State</vn-th>
-                        <vn-th field="id">Id</vn-th>
-                        <vn-th field="amount" number>Amount</vn-th>
-                        <vn-th field="created" default-order="DESC">Payed</vn-th>
-                        <vn-th>Confirm</vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="transaction in transactions">
-                        <vn-td style="width: 3em; text-align: center">
-                                <vn-icon
-                                vn-tooltip="{{$ctrl.getFormattedMessage(transaction)}}"
-                                ng-show="::((transaction.errorMessage || transaction.responseMessage) && !transaction.isConfirmed)" 
-                                icon="clear">
-                            </vn-icon>
+<div class="vn-w-md">
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th>State</vn-th>
+                    <vn-th field="id"number>Id</vn-th>
+                    <vn-th field="amount" number>Amount</vn-th>
+                    <vn-th field="created" default-order="DESC">Payed</vn-th>
+                    <vn-th>Confirm</vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="transaction in transactions">
+                    <vn-td style="width: 3em; text-align: center">
                             <vn-icon
-                                vn-tooltip="Confirmed"
-                                ng-show="::(transaction.isConfirmed)" 
-                                icon="check">
-                            </vn-icon>
-                        </vn-td>
-                        <vn-td>{{::transaction.id}}</vn-td>
-                        <vn-td number>{{::transaction.amount | currency: 'EUR':2}}</vn-td>
-                        <vn-td>{{::transaction.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
-                        <vn-td style="width: 3em; text-align: center">
-                            <vn-icon-button
-                                icon="done_all"
-                                vn-acl="administrative"
-                                vn-acl-action="remove"
-                                vn-tooltip="Confirm transaction"
-                                ng-show="::!transaction.isConfirmed"
-                                ng-click="$ctrl.confirm(transaction)">
-                            </vn-icon-button>
-                        </vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
-        <vn-pagination model="model"></vn-pagination>
+                            vn-tooltip="{{$ctrl.getFormattedMessage(transaction)}}"
+                            ng-show="::((transaction.errorMessage || transaction.responseMessage) && !transaction.isConfirmed)" 
+                            icon="clear">
+                        </vn-icon>
+                        <vn-icon
+                            vn-tooltip="Confirmed"
+                            ng-show="::(transaction.isConfirmed)" 
+                            icon="check">
+                        </vn-icon>
+                    </vn-td>
+                    <vn-td number>{{::transaction.id}}</vn-td>
+                    <vn-td number>{{::transaction.amount | currency: 'EUR':2}}</vn-td>
+                    <vn-td>{{::transaction.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
+                    <vn-td style="width: 3em; text-align: center">
+                        <vn-icon-button
+                            icon="done_all"
+                            vn-acl="administrative"
+                            vn-acl-action="remove"
+                            vn-tooltip="Confirm transaction"
+                            ng-show="::!transaction.isConfirmed"
+                            ng-click="$ctrl.confirm(transaction)">
+                        </vn-icon-button>
+                    </vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
     </vn-card>
-</vn-vertical>
\ No newline at end of file
+    <vn-pagination model="model"></vn-pagination>
+</div>
\ No newline at end of file
diff --git a/modules/ticket/front/index/index.html b/modules/ticket/front/index/index.html
index 8b2060e420..3c32c6fcfd 100644
--- a/modules/ticket/front/index/index.html
+++ b/modules/ticket/front/index/index.html
@@ -122,8 +122,8 @@
                     <vn-td>{{::ticket.warehouse}}</vn-td>
                     <vn-td>{{::ticket.refFk | dashIfEmpty}}</vn-td>
                     <vn-td shrink>{{::ticket.zoneLanding | dateTime: 'HH:mm'}}</vn-td>
-                    <vn-td>
-                        <span number class="chip {{$ctrl.totalPriceColor(ticket)}}">
+                    <vn-td number>
+                        <span class="chip {{$ctrl.totalPriceColor(ticket)}}">
                             {{::ticket.total | currency: 'EUR': 2}}
                         </span>
                     </vn-td>
diff --git a/modules/worker/front/log/index.html b/modules/worker/front/log/index.html
index 1a4ac0a5f0..0de0eadf61 100644
--- a/modules/worker/front/log/index.html
+++ b/modules/worker/front/log/index.html
@@ -7,98 +7,95 @@
     limit="20"
     auto-load="true">
 </vn-crud-model>
-<vn-vertical>
-    <vn-card pad-large>
-        <vn-vertical>
-            <vn-title>History</vn-title>
-            <vn-table model="model">
-                <vn-thead>
-                    <vn-tr>
-                        <vn-th field="creationDate">Date</vn-th>
-                        <vn-th field="userFk" class="expendable">Changed by</vn-th>
-                        <vn-th field="changedModel" class="expendable">Model</vn-th>
-                        <vn-th field="action" class="expendable">Action</vn-th>
-                        <vn-th field="changedModelValue" class="expendable">Name</vn-th>
-                        <vn-th>Before</vn-th>
-                        <vn-th>After</vn-th>
-                    </vn-tr>
-                </vn-thead>
-                <vn-tbody>
-                    <vn-tr ng-repeat="log in $ctrl.logs"> 
-                        <vn-td>
-                            {{::log.creationDate | dateTime:'dd/MM/yyyy HH:mm'}}
-                            <div class="changes">
-                                <div>
-                                    <span translate class="label">Changed by</span><span class="label">: </span>
-                                    <span
-                                        ng-class="{'link': log.user.worker.id, 'value': !log.user.worker.id}"
-                                        ng-click="$ctrl.showWorkerDescriptor($event, log.user.worker.id)"
-                                        translate>{{::log.user.name | dashIfEmpty}}
-                                    </span>
-                                </div>
-                                <div>
-                                    <span translate class="label">Model</span><span class="label">: </span>
-                                    <span translate class="value">{{::log.changedModel | dashIfEmpty}}</span>
-                                </div>
-                                <div>
-                                    <span translate class="label">Action</span><span class="label">: </span>
-                                    <span translate class="value">{{::$ctrl.actionsText[log.action] | dashIfEmpty}}</span>
-                                </div>
-                                <div>
-                                    <span translate class="label">Name</span><span class="label">: </span>
-                                    <span translate class="value">{{::log.changedModelValue | dashIfEmpty}}</span>
-                                </div>
+<div>
+    <vn-card>
+        <vn-table model="model">
+            <vn-thead>
+                <vn-tr>
+                    <vn-th field="creationDate">Date</vn-th>
+                    <vn-th field="userFk" class="expendable">Changed by</vn-th>
+                    <vn-th field="changedModel" class="expendable">Model</vn-th>
+                    <vn-th field="action" class="expendable">Action</vn-th>
+                    <vn-th field="changedModelValue" class="expendable">Name</vn-th>
+                    <vn-th>Before</vn-th>
+                    <vn-th>After</vn-th>
+                </vn-tr>
+            </vn-thead>
+            <vn-tbody>
+                <vn-tr ng-repeat="log in $ctrl.logs"> 
+                    <vn-td>
+                        {{::log.creationDate | dateTime:'dd/MM/yyyy HH:mm'}}
+                        <div class="changes">
+                            <div>
+                                <span translate class="label">Changed by</span><span class="label">: </span>
+                                <span
+                                    ng-class="{'link': log.user.worker.id, 'value': !log.user.worker.id}"
+                                    ng-click="$ctrl.showWorkerDescriptor($event, log.user.worker.id)"
+                                    translate>{{::log.user.name | dashIfEmpty}}
+                                </span>
                             </div>
-                        </vn-td>
-                        <vn-td class="expendable">
-                            <span
-                                ng-class="{'link': log.user.worker.id, 'value': !log.user.worker.id}"
-                                ng-click="$ctrl.showWorkerDescriptor($event, log.user.worker.id)"
-                                translate>{{::log.user.name | dashIfEmpty}}
-                            </span>
-                        </vn-td>
-                        <vn-td class="expendable">
-                            {{::log.changedModel}}
-                        </vn-td>
-                        <vn-td translate class="expendable">
-                            {{::$ctrl.actionsText[log.action]}}
-                        </vn-td>
-                        <vn-td class="expendable">
-                            {{::log.changedModelValue}}
-                        </vn-td>
-                        <vn-td class="before">
-                            <vn-one ng-repeat="old in log.oldProperties">
-                                <div>
-                                    <span translate class="label">{{::old.key}}</span><span class="label">: </span>
-                                    <span translate class="value">{{::old.value}}</span>
-                                </div>
-                            </vn-one>
-                        </vn-td>
-                        <vn-td class="after">
-                            <vn-one 
-                                ng-repeat="new in log.newProperties" 
-                                ng-if="!log.description" 
-                                id="newInstance">
-                                <div>
-                                    <span translate class="label">{{::new.key}}</span><span class="label">: </span>
-                                    <span translate class="value">{{::new.value}}</span>
-                                </div>
-                            </vn-one>
-                            <vn-one
-                                ng-if="!log.newProperties"
-                                id="description">
-                                <div>
-                                    <span>{{log.description}}</span>
-                                </div>
-                            </vn-one>
-                        </vn-td>
-                    </vn-tr>
-                </vn-tbody>
-            </vn-table>
-        </vn-vertical>
+                            <div>
+                                <span translate class="label">Model</span><span class="label">: </span>
+                                <span translate class="value">{{::log.changedModel | dashIfEmpty}}</span>
+                            </div>
+                            <div>
+                                <span translate class="label">Action</span><span class="label">: </span>
+                                <span translate class="value">{{::$ctrl.actionsText[log.action] | dashIfEmpty}}</span>
+                            </div>
+                            <div>
+                                <span translate class="label">Name</span><span class="label">: </span>
+                                <span translate class="value">{{::log.changedModelValue | dashIfEmpty}}</span>
+                            </div>
+                        </div>
+                    </vn-td>
+                    <vn-td class="expendable">
+                        <span
+                            ng-class="{'link': log.user.worker.id, 'value': !log.user.worker.id}"
+                            ng-click="$ctrl.showWorkerDescriptor($event, log.user.worker.id)"
+                            translate>{{::log.user.name | dashIfEmpty}}
+                        </span>
+                    </vn-td>
+                    <vn-td class="expendable">
+                        {{::log.changedModel}}
+                    </vn-td>
+                    <vn-td translate class="expendable">
+                        {{::$ctrl.actionsText[log.action]}}
+                    </vn-td>
+                    <vn-td class="expendable">
+                        {{::log.changedModelValue}}
+                    </vn-td>
+                    <vn-td class="before">
+                        <vn-one ng-repeat="old in log.oldProperties">
+                            <div>
+                                <span translate class="label">{{::old.key}}</span><span class="label">: </span>
+                                <span translate class="value">{{::old.value}}</span>
+                            </div>
+                        </vn-one>
+                    </vn-td>
+                    <vn-td class="after">
+                        <vn-one 
+                            ng-repeat="new in log.newProperties" 
+                            ng-if="!log.description" 
+                            id="newInstance">
+                            <div>
+                                <span translate class="label">{{::new.key}}</span><span class="label">: </span>
+                                <span translate class="value">{{::new.value}}</span>
+                            </div>
+                        </vn-one>
+                        <vn-one
+                            ng-if="!log.newProperties"
+                            id="description">
+                            <div>
+                                <span>{{log.description}}</span>
+                            </div>
+                        </vn-one>
+                    </vn-td>
+                </vn-tr>
+            </vn-tbody>
+        </vn-table>
         <vn-pagination model="model"></vn-pagination>
     </vn-card>
-</vn-vertical>
+</div>
 <vn-worker-descriptor-popover 
     vn-id="workerDescriptor"
     worker-fk="$ctrl.selectedWorker">