Merge pull request '2938-entry_buy_style' (#651) from 2938-entry_buy_style into dev

Reviewed-on: #651
Reviewed-by: Joan Sanchez <joan@verdnatura.es>

front/core/components/table/style.scss

@@ -230,3 +230,7 @@ vn-table.scrollable.lg,
 .vn-table.scrollable.lg {
     max-height: 700px
 }
+
+.tableWrapper {
+    overflow-x: auto;
+}

modules/entry/front/buy/index/index.html

@@ -10,6 +10,7 @@
 </vn-watcher>
 <div class="vn-w-xl">
     <vn-card class="vn-pa-lg">
+        <div class="tableWrapper">
             <vn-horizontal class="header">
                 <vn-tool-bar class="vn-mb-md">
                     <vn-button 
@@ -167,7 +168,7 @@
                                 {{::buy.item.minPrice | currency: 'EUR':2}}
                             </span>
                         </td>
-                    <td vn-fetched-tags colspan="9">
+                        <td vn-fetched-tags colspan="8">
                             <vn-one title="{{::buy.item.name}}">{{::buy.item.name}}</vn-one>
                             <vn-fetched-tags
                                 max-length="6"
@@ -176,6 +177,7 @@
                             </vn-fetched-tags>
                         </td>
                     </tr>
+                    <tr><td></td></tr>
                 </tbody>
             </table>
             <div>
@@ -187,6 +189,7 @@
                     ng-click="model.insert({})">
                 </vn-icon-button>
             </div>
+        </div>
     </vn-card>
 </div>
 <div fixed-bottom-right>

modules/entry/front/buy/index/style.scss

@@ -8,14 +8,29 @@ vn-entry-buy-index vn-card {
         background-color: lighten($color-marginal, 10%);
     }
 
-    tbody tr:nth-child(1) {
+    thead tr {
-        border-top: 1px solid $color-marginal;
+        border-left: 1px solid white;
+        border-right: 1px solid white;
+    }
+
+    tbody tr:nth-child(1),
+    tbody tr:nth-child(2) {
+        border-left: 1px solid $color-marginal;
+        border-right: 1px solid $color-marginal;
+    }
+
+    tbody tr:nth-child(2) {
+        border-bottom: 1px solid $color-marginal;
     }
     
     tbody{
         border-bottom: 1px solid $color-marginal;
     }
 
+    tbody:last-child {
+        border-bottom: 0;
+    }
+
     tbody tr:nth-child(3) {
         height: inherit
     }

modules/ticket/front/component/index.html

@@ -8,6 +8,7 @@
 </vn-crud-model>
 <vn-data-viewer model="model" class="vn-w-xl">
     <vn-card class="vn-mt-md">
+        <div class="tableWrapper">
             <table class="vn-table">
                 <thead>
                     <tr>
@@ -62,6 +63,7 @@
                     </tr>
                 </tbody>
             </table>
+        </div>
     </vn-card>
 </vn-data-viewer>
 <vn-side-menu side="right">