From a932cb85a7216ed3ce127557a1c791e27f63a18b Mon Sep 17 00:00:00 2001
From: Thomas <thomas@ajnart.fr>
Date: Wed, 7 Oct 2026 13:22:11 +0200
Subject: [PATCH] fix(boards): reduce phone outer gutters (#7070)

Related to #7069. Remove duplicated shell gutters on phone boards while retaining widget insets and wider layout spacing.
---
 .../src/app/[locale]/boards/(content)/_client.module.css   | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/nextjs/src/app/[locale]/boards/(content)/_client.module.css b/apps/nextjs/src/app/[locale]/boards/(content)/_client.module.css
index 4756946b9..e27695194 100644
--- a/apps/nextjs/src/app/[locale]/boards/(content)/_client.module.css
+++ b/apps/nextjs/src/app/[locale]/boards/(content)/_client.module.css
@@ -1,3 +1,10 @@
+/* Phone widgets already retain their own 10px inset; avoid doubling it with shell padding. */
+@media (width < $mantine-breakpoint-sm) {
+  .board:not([data-board-layout-preview]) {
+    margin-inline: calc(-1 * var(--app-shell-padding, 0px));
+  }
+}
+
 .board[data-board-left-rail="true"]:not([data-board-layout-preview]) {
   margin-inline-start: calc(-1 * var(--app-shell-padding, 0px));
 }