From b89ae90645548880b8a5e95a1331605c48359108 Mon Sep 17 00:00:00 2001
From: seb <sebgreenbus@gmail.com>
Date: Sat, 26 Sep 2026 23:00:16 +0200
Subject: [PATCH] fix(panels): remove artificial right padding on inner content
 when tile has action icon

---
 src/panels/EditablePanelTile.jsx | 2 +-
 src/panels/PanelTile.jsx         | 2 +-
 src/panels/panelTileLayout.js    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/panels/EditablePanelTile.jsx b/src/panels/EditablePanelTile.jsx
index 4f7dbf1..c88d6b7 100644
--- a/src/panels/EditablePanelTile.jsx
+++ b/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,
           }}
diff --git a/src/panels/PanelTile.jsx b/src/panels/PanelTile.jsx
index 4c58dfd..8a031ef 100644
--- a/src/panels/PanelTile.jsx
+++ b/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>
     );
   }
diff --git a/src/panels/panelTileLayout.js b/src/panels/panelTileLayout.js
index 980e5e2..79295d3 100644
--- a/src/panels/panelTileLayout.js
+++ b/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',