fix(panels): remove artificial right padding on inner content when tile has action icon

src/panels/EditablePanelTile.jsx

@@ -278,7 +278,7 @@ class EditablePanelTileBase extends Component {
           sx={{
             flex: 1,
             minWidth: 0,
-            pr: actionPadding,
+            ...(actionPadding ? { pr: actionPadding } : {}),
             display: 'flex',
             alignItems: contentAlignItems,
           }}

src/panels/PanelTile.jsx

@@ -113,7 +113,7 @@ class PanelTileBase extends Component {
       >
         {this.renderAction()}
         {this.renderTitle()}
-        <Box sx={{ flex: 1, minWidth: 0, pr: actionPadding }}>{children}</Box>
+        <Box sx={{ flex: 1, minWidth: 0, ...(actionPadding ? { pr: actionPadding } : {}) }}>{children}</Box>
       </Paper>
     );
   }

src/panels/panelTileLayout.js

@@ -17,7 +17,7 @@ export function responsiveColumnSpan(wide) {
 }
 
 export const PENDING_EDIT_RING_PX = 4;
-export const TILE_ACTION_PADDING = 12;
+export const TILE_ACTION_PADDING = 0;
 
 export const tileActionSx = {
   position: 'absolute',