From 55175f9ac7cb20d083990b9bd077f19287e53a5e Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Tue, 6 Dec 2022 13:32:00 +0100
Subject: [PATCH] fix(core): update

---
 ts_web/00_commitinfo_data.ts  |  2 +-
 ts_web/elements/dees-icon.ts  |  5 ++++-
 ts_web/elements/dees-table.ts | 11 +++++++----
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index fa59f63..f969a57 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.101',
+  version: '1.0.102',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-icon.ts b/ts_web/elements/dees-icon.ts
index 4b50494..a74d4fc 100644
--- a/ts_web/elements/dees-icon.ts
+++ b/ts_web/elements/dees-icon.ts
@@ -86,6 +86,9 @@ export class DeesIcon extends DeesElement {
           display: block;
           line-height: inherit;
           font-size: inherit;
+          margin: 0px;
+          padding: 0px;
+          white-space: nowrap;
         }
         #iconContainer svg {
           display: inline-block;
@@ -104,7 +107,7 @@ export class DeesIcon extends DeesElement {
           word-wrap: normal;
           white-space: nowrap;
           direction: ltr;
-
+          
           /* Support for all WebKit browsers. */
           -webkit-font-smoothing: antialiased;
           /* Support for Safari and Chrome. */
diff --git a/ts_web/elements/dees-table.ts b/ts_web/elements/dees-table.ts
index 2cdd7b5..2aa2496 100644
--- a/ts_web/elements/dees-table.ts
+++ b/ts_web/elements/dees-table.ts
@@ -19,7 +19,7 @@ declare global {
 
 export interface IDataAction<T = any> {
   name: string;
-  icon: string;
+  iconName: string;
   useTableBehaviour?: 'upload' | 'cancelUpload' | 'none';
   actionFunc: (itemArg: T) => Promise<any>;
 }
@@ -70,7 +70,7 @@ export class DeesTable<T> extends DeesElement {
         ]}
         .dataActions="${[{
           name: 'upload',
-          icon: 'upload',
+          iconName: 'upload',
           useTableBehaviour: 'upload',
           actionFunc: async (itemArg: any) => {
 
@@ -200,6 +200,7 @@ export class DeesTable<T> extends DeesElement {
       .action {
         margin: -8px 0px;
         padding: 8px;
+        line-height: 16px;
       }
 
       .action:first-child {
@@ -208,7 +209,7 @@ export class DeesTable<T> extends DeesElement {
       }
 
       .action:hover {
-        background: #111;
+        background: ${cssManager.bdTheme('#CCC', '#111')};
       }
 
       .tableStatistics {
@@ -294,7 +295,9 @@ export class DeesTable<T> extends DeesElement {
                                   ${(() => {
                                     const actions: TemplateResult[] = [];
                                     for (const action of this.dataActions) {
-                                      actions.push(html`<div class="action">${action.name}</div>`)
+                                      actions.push(html`<div class="action">${action.iconName ? html`
+                                        <dees-icon .iconName=${'upload_file'}></dees-icon>
+                                      ` : action.name}</div>`)
                                     }
                                     return actions;
                                   })()}