1.0.252

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.249",
+  "version": "1.0.252",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.249',
+  version: '1.0.252',
   description: 'website for lossless.com'
 }

ts_web/elements/dees-table.ts

@@ -313,13 +313,15 @@ export class DeesTable<T> extends DeesElement {
       }
 
       .action {
+        position: relative;
         margin: -4px 0px;
-        padding: 10px;
-        line-height: 34px;
-        height: 34px;
+        padding: 8px 10px;
+        line-height: 24px;
+        height: 32px;
         size: 16px;
         display: inline-block;
         border-radius: 8px;
+        overflow: hidden;
       }
 
       .action:first-child {
@@ -429,6 +431,7 @@ export class DeesTable<T> extends DeesElement {
           <dees-input-multitoggle
             .label=${'search mode'}
             .options=${['table', 'data', 'server']}
+            .selectedOption=${'table'}
             .description=${`
               There are three basic modes:
               
@@ -654,7 +657,7 @@ export class DeesTable<T> extends DeesElement {
       const width = window.getComputedStyle(cell).width;
       if (cell.textContent.includes('Actions')) {
         const neededWidth =
-          this.dataActions.filter((actionArg) => actionArg.type.includes('inRow')).length * 35;
+          this.dataActions.filter((actionArg) => actionArg.type.includes('inRow')).length * 36;
         cell.style.width = `${Math.max(neededWidth, 68)}px`;
       } else {
         cell.style.width = width;