Use new css for select and buttons

packages/data-table-view/src/vpu-data-table-view-demo.js

@@ -82,7 +82,7 @@ class DataTableViewDemo extends LitElement {
             Math.floor(1000 * Math.random()),
             '' + day + '.' + month + '.' + year,
             '' + year + '-' + month + '-' + day,
-            '<button onclick="alert(\'' + str + ' clicked\');">OK</button>'
+            '<button class=\'button is-small\' onclick="alert(\'' + str + ' clicked\');">OK</button>'
         ];
     }
 
@@ -108,6 +108,7 @@ class DataTableViewDemo extends LitElement {
         return css`
             ${commonStyles.getThemeCSS()}
             ${commonStyles.getGeneralCSS()}
+            ${commonStyles.getButtonCSS()}
         `;
     }
 
@@ -167,7 +168,7 @@ class DataTableViewDemo extends LitElement {
                     </div>
                     <h4>DataTable: no data, no paging, no searching</h4>
                     <div class="box">
-                    <button @click="${this.vdtv2_add_rows}">noch etwas...</button>
+                    <button class="button is-small" @click="${this.vdtv2_add_rows}">noch etwas...</button>
                         <vpu-data-table-view lang="${this.lang}" id="vdtv2">></vpu-data-table-view>
                     </div>
                 </div>

packages/data-table-view/src/vpu-data-table-view.js

@@ -101,17 +101,20 @@ class DataTableView extends LitElement {
                     text: 'CSV',
                     title: this.exportName,
                     filename: this.exportName,
+                    className: 'button is-small',
                 },
                 {
                     extend: 'excelHtml5',
                     text: 'XSLX',
                     title: this.exportName,
                     filename: this.exportName,
+                    className: 'button is-small',
                 },
                 {
                     extend: 'print',
-                    text: 'Drucken',
+                    //text: 'Drucken',
                     title: this.exportName,
+                    className: 'button is-small',
                 },
             ]
         });
@@ -143,6 +146,7 @@ class DataTableView extends LitElement {
         return css`
             ${commonStyles.getThemeCSS()}
             ${commonStyles.getGeneralCSS()}
+            ${commonStyles.getButtonCSS()}
 
             .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                 color: var(--vpu-muted-text);

common @ 73ff9829

-Subproject commit 4de91ae325206fc756ad66df87c0b2490672e552
+Subproject commit 73ff98296c27a3b0ee0d6995344ba3e676d3ee53