From de9a8443ca6b38f313cc09f099e069713aa2574c Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan@verdnatura.es>
Date: Fri, 18 Oct 2019 22:28:08 +0200
Subject: [PATCH] Style fixes

---
 front/core/components/field/style.scss  |   4 +-
 front/core/components/toggle/style.scss |   2 +-
 front/core/styles/global.scss           |   2 +-
 front/core/styles/variables.scss        |   2 +-
 modules/claim/front/detail/index.html   | 128 ++++++++++++------------
 5 files changed, 69 insertions(+), 69 deletions(-)

diff --git a/front/core/components/field/style.scss b/front/core/components/field/style.scss
index 8441fb04a..e57b27912 100644
--- a/front/core/components/field/style.scss
+++ b/front/core/components/field/style.scss
@@ -35,7 +35,7 @@
             & > .fix {
                 padding-top: 24px;
                 line-height: 24px;
-                font-size: $input-font-size;
+                font-size: $font-size;
                 opacity: 0;
                 transition: opacity 200ms ease-in-out;
 
@@ -58,7 +58,7 @@
                     border: none;
                     font-family: Arial, sans-serif;
                     display: block;
-                    font-size: $input-font-size;
+                    font-size: $font-size;
                     width: 100%;
                     background: 0;
                     color: inherit;
diff --git a/front/core/components/toggle/style.scss b/front/core/components/toggle/style.scss
index 13b7406f6..a373b6f4c 100644
--- a/front/core/components/toggle/style.scss
+++ b/front/core/components/toggle/style.scss
@@ -11,7 +11,7 @@
         cursor: inherit;
     }
     & > span {
-        font-size: $input-font-size;
+        font-size: $font-size;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
diff --git a/front/core/styles/global.scss b/front/core/styles/global.scss
index 2c99aa45b..5f001736b 100644
--- a/front/core/styles/global.scss
+++ b/front/core/styles/global.scss
@@ -6,7 +6,7 @@ html, body {
     height: 100%;
     font-family: vn-font;
     color: $color-font;
-    font-size: 12pt;
+    font-size: $font-size;
     margin: 0;
     padding: 0;
 }
diff --git a/front/core/styles/variables.scss b/front/core/styles/variables.scss
index 1783a4c01..454bc6f7c 100644
--- a/front/core/styles/variables.scss
+++ b/front/core/styles/variables.scss
@@ -3,7 +3,7 @@
 $menu-width: 16em;
 $topbar-height: 4em;
 $mobile-width: 800px;
-$input-font-size: 16px;
+$font-size: 16px;
 
 // Width
 
diff --git a/modules/claim/front/detail/index.html b/modules/claim/front/detail/index.html
index 4a5767194..30387ed43 100644
--- a/modules/claim/front/detail/index.html
+++ b/modules/claim/front/detail/index.html
@@ -1,12 +1,14 @@
-<vn-crud-model vn-id="model" 
+<vn-crud-model
+    vn-id="model" 
     auto-load="true"
     url="claim/api/ClaimBeginnings"
     filter="$ctrl.filter"
     data="$ctrl.salesClaimed"
     on-data-change="$ctrl.calculateTotals()">
 </vn-crud-model>
-
-<vn-card class="vn-mb-md vn-pa-lg vn-w-lg" style="text-align: right" 
+<vn-card
+    class="vn-mb-md vn-pa-lg vn-w-lg"
+    style="text-align: right" 
     ng-if="$ctrl.salesClaimed.length > 0">
     <vn-label-value label="Total" 
         value="{{$ctrl.paidTotal | currency: 'EUR':2}}">
@@ -15,70 +17,68 @@
         value="{{$ctrl.claimedTotal | currency: 'EUR':2}}">
     </vn-label-value>
 </vn-card>
-
-<vn-card class="vn-pa-lg">
-    <vn-data-viewer model="model">
-        <vn-table model="model">
-            <vn-thead>
-                <vn-tr>
-                    <vn-th center>Landed</vn-th>
-                    <vn-th number>Quantity</vn-th>
-                    <vn-th>Claimed</vn-th>
-                    <vn-th>Description</vn-th>
-                    <vn-th number>Price</vn-th>
-                    <vn-th number>Disc.</vn-th>
-                    <vn-th number>Total</vn-th>
-                    <vn-th></vn-th>
-                </vn-tr>
-            </vn-thead>
-            <vn-tbody>
-                <vn-tr ng-repeat="saleClaimed in $ctrl.salesClaimed" vn-repeat-last>
-                    <vn-td center>{{::saleClaimed.sale.ticket.landed | dateTime:'dd/MM/yyyy'}}</vn-td>
-                    <vn-td number>{{::saleClaimed.sale.quantity}}</vn-td>
-                    <vn-td>
-                        <vn-input-number
-                            vn-focus min="0"
-                            step="1"
-                            ng-model="saleClaimed.quantity"
-                            on-change="$ctrl.setClaimedQuantity(saleClaimed.id, saleClaimed.quantity)">
-                        </vn-input-number>
-                    </vn-td>
-                    <vn-td expand title="{{::saleClaimed.sale.concept}}">
-                        <span 
-                            class="link"
-                            ng-click="$ctrl.showItemDescriptor($event, saleClaimed.sale.itemFk)">
-                            {{::saleClaimed.sale.concept}}
-                        </span>
-                    </vn-td>
-                    <vn-td number>{{::saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
-                    <vn-td number>
-                        <span class="link"
-                            vn-tooltip="Edit discount"
-                            ng-click="$ctrl.showEditPopover($event, saleClaimed)">
-                            {{::saleClaimed.sale.discount}} %
-                        </span>
-                    </vn-td>
-                    <vn-td number>
-                        {{::$ctrl.getSaleTotal(saleClaimed.sale) | currency: 'EUR':2}}
-                    </vn-td>
-                    <vn-td shrink>
-                        <vn-icon-button
-                            vn-tooltip="Remove sale"
-                            icon="delete"
-                            ng-click="$ctrl.deleteClaimedSale($index)"
-                            tabindex="-1">
-                        </vn-icon-button>
-                    </vn-td>
-                </vn-tr>
-            </vn-tbody>
-        </vn-table>
-    </vn-data-viewer>
-</vn-card>
-
+<vn-data-viewer model="model">
+    <vn-card>
+    <vn-table model="model">
+        <vn-thead>
+            <vn-tr>
+                <vn-th center>Landed</vn-th>
+                <vn-th number>Quantity</vn-th>
+                <vn-th>Claimed</vn-th>
+                <vn-th>Description</vn-th>
+                <vn-th number>Price</vn-th>
+                <vn-th number>Disc.</vn-th>
+                <vn-th number>Total</vn-th>
+                <vn-th></vn-th>
+            </vn-tr>
+        </vn-thead>
+        <vn-tbody>
+            <vn-tr ng-repeat="saleClaimed in $ctrl.salesClaimed" vn-repeat-last>
+                <vn-td center>{{::saleClaimed.sale.ticket.landed | dateTime:'dd/MM/yyyy'}}</vn-td>
+                <vn-td number>{{::saleClaimed.sale.quantity}}</vn-td>
+                <vn-td>
+                    <vn-input-number
+                        min="0"
+                        step="1"
+                        ng-model="saleClaimed.quantity"
+                        on-change="$ctrl.setClaimedQuantity(saleClaimed.id, saleClaimed.quantity)"
+                        class="dense">
+                    </vn-input-number>
+                </vn-td>
+                <vn-td expand title="{{::saleClaimed.sale.concept}}">
+                    <span 
+                        class="link"
+                        ng-click="$ctrl.showItemDescriptor($event, saleClaimed.sale.itemFk)">
+                        {{::saleClaimed.sale.concept}}
+                    </span>
+                </vn-td>
+                <vn-td number>{{::saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
+                <vn-td number>
+                    <span class="link"
+                        vn-tooltip="Edit discount"
+                        ng-click="$ctrl.showEditPopover($event, saleClaimed)">
+                        {{::saleClaimed.sale.discount}} %
+                    </span>
+                </vn-td>
+                <vn-td number>
+                    {{::$ctrl.getSaleTotal(saleClaimed.sale) | currency: 'EUR':2}}
+                </vn-td>
+                <vn-td shrink>
+                    <vn-icon-button
+                        vn-tooltip="Remove sale"
+                        icon="delete"
+                        ng-click="$ctrl.deleteClaimedSale($index)"
+                        tabindex="-1">
+                    </vn-icon-button>
+                </vn-td>
+            </vn-tr>
+        </vn-tbody>
+    </vn-table>
+    </vn-card>
+</vn-data-viewer>
 <a ng-click="$ctrl.openAddSalesDialog()" vn-tooltip="Add sale item" vn-bind="+" fixed-bottom-right>
     <vn-float-button icon="add"></vn-float-button>
 </a>
-
 <!-- Add Lines Dialog -->
 <vn-dialog vn-id="add-sales" class="modal-form">
     <tpl-body>