From 3a98fdff7d7a5438b80f1c8d56e650e5d864b067 Mon Sep 17 00:00:00 2001
From: PEDZEO <vitali.gavrikov@yandex.ru>
Date: Tue, 20 Jan 2026 01:27:29 +0300
Subject: [PATCH] Update Layout component: add right padding in fullscreen mode
 for Telegram native controls to enhance layout usability.

---
 src/components/layout/Layout.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index f4c76bb..ec4bac8 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -307,7 +307,13 @@ export default function Layout({ children }: LayoutProps) {
           paddingTop: isFullscreen ? `${Math.max(safeAreaInset.top, contentSafeAreaInset.top)}px` : undefined,
         }}
       >
-        <div className="w-full mx-auto px-4 sm:px-6">
+        <div
+          className="w-full mx-auto px-4 sm:px-6"
+          style={{
+            // In fullscreen mode, add right padding for Telegram native controls (close/menu buttons)
+            paddingRight: isFullscreen ? '100px' : undefined,
+          }}
+        >
           <div className="flex justify-between items-center h-16 lg:h-20">
             {/* Logo */}
             <Link to="/" className={`flex items-center gap-2.5 flex-shrink-0 ${!appName ? 'lg:mr-4' : ''}`}>