From 2fb48e3d292efb04b4eb347a4ff2dad774d5141f Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Thu, 22 Aug 2024 17:13:41 +0100
Subject: [PATCH] feat: Reduce Mobile Pages Margin - MEED-7054 -
 Meeds-io/meeds#2144 (#816)

This change will reduce Mobile Pages Margin from 20px to 8px to enhance
user UX.
---
 .../src/main/webapp/skin/less/core/layout/pagelayout.less  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less b/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less
index 5465c130e..7ce26699e 100644
--- a/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less
+++ b/platform-ui-skin/src/main/webapp/skin/less/core/layout/pagelayout.less
@@ -245,6 +245,13 @@
   }
 }
 
+@media (max-width: @maxTabletWidth) {
+  .VuetifyApp .layout-sections-parent .layout-section .layout-section-content {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+}
+
 @media (max-width: @maxTabletWidth) {
   .VuetifyApp .layout-sections-parent {
     .flex-cell:has(.layout-application), .grid-cell:has(.layout-application) {