@visns-studio/visns-components 6.15.1 → 6.15.2

package/package.json

@@ -95,7 +95,7 @@
         "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "6.15.1",
+    "version": "6.15.2",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/DataGrid.jsx

@@ -3145,7 +3145,7 @@ const DataGrid = forwardRef(
                                 width: '28px',
                                 height: '28px',
                                 boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
-                                margin: '0 1px',
+                                margin: 0,
                                 cursor: 'pointer',
                             }}
                         >
@@ -3194,7 +3194,7 @@ const DataGrid = forwardRef(
                                     width: '28px',
                                     height: '28px',
                                     boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
-                                    margin: '0 1px',
+                                    margin: 0,
                                     cursor: 'pointer',
                                 }}
                             >
@@ -3203,8 +3203,12 @@ const DataGrid = forwardRef(
                                     data-tooltip-content={tooltipContent}
                                     strokeWidth={2}
                                     size={18}
-                                    className={styles.tdaction}
+                                    // Not styles.tdaction: that class carries
+                                    // the action column's 16px bottom margin
+                                    // and padding, which pushed these icons
+                                    // out of line with the row.
                                     style={{
+                                        display: 'block',
                                         color: 'var(--primary-color, #4a90e2)',
                                     }}
                                 />
@@ -3292,15 +3296,17 @@ const DataGrid = forwardRef(
             return (
                 <div
                     style={{
-                        display: 'inline-flex', // Changed to inline-flex to keep icons in a single row
-                        flexWrap: 'nowrap', // Prevent wrapping
+                        // Same shape as the action column's cluster: one row,
+                        // a small even gap, centred in the cell.
+                        display: 'flex',
+                        flexWrap: 'nowrap',
                         alignItems: 'center',
-                        justifyContent: 'flex-start',
-                        gap: '1px', // Reduced gap since we have margins on the icons
-                        padding: '2px 0',
+                        justifyContent: 'center',
+                        gap: '4px',
+                        width: '100%',
+                        padding: 0,
                         minHeight: '24px',
-                        maxWidth: '100%',
-                        overflow: 'hidden', // Hide overflow if too many icons
+                        overflow: 'hidden',
                     }}
                 >
                     {icons.length > 0 ? (