aesthetics

Author: odeimaiz

services/static-webserver/client/source/class/osparc/jobs/JobsTable.js

@@ -37,7 +37,7 @@ qx.Class.define("osparc.jobs.JobsTable", {
     Object.values(this.self().COLS).forEach(col => columnModel.setColumnWidth(col.column, col.width));
 
     const fontButtonRenderer = new osparc.ui.table.cellrenderer.ImageButtonRenderer();
-    fontButtonRenderer.setIconPath("osparc/offline.svg");
+    fontButtonRenderer.setIconPath("osparc/circle-info-solid_text.svg");
     columnModel.setDataCellRenderer(this.self().COLS.INFO.column, fontButtonRenderer);
   },
 

services/static-webserver/client/source/class/osparc/ui/table/cellrenderer/ButtonRenderer.js

@@ -46,7 +46,7 @@ qx.Class.define("osparc.ui.table.cellrenderer.ButtonRenderer", {
       return `
         <div class="qx-material-button"
           data-action="${clickAction}" data-row="${cellInfo.row}"
-          style="cursor:pointer; padding:2px 2px; width:29px; height:20px; display:flex; align-items:center; justify-content:center;"
+          style="cursor:pointer; padding:2px 2px; width:26px; height:18px; display:flex; align-items:center; justify-content:center;"
         >
           ${buttonContent}
         </div>

services/static-webserver/client/source/class/osparc/ui/table/cellrenderer/ImageButtonRenderer.js

@@ -36,7 +36,7 @@ qx.Class.define("osparc.ui.table.cellrenderer.ImageButtonRenderer", {
       const resMgr = qx.util.ResourceManager.getInstance();
       const iconUrl = resMgr.toUri(iconPath); // Resolves to the correct URL of the asset
 
-      this.setButtonContent(`<img src="${iconUrl}" style="width:16px; height:16px;" alt="icon"/>`);
+      this.setButtonContent(`<img src="${iconUrl}" style="width:14x; height:14px;" alt="icon"/>`);
     },
   }
 });