feat: Reduce Mobile Pages Margin - MEED-7054 - Meeds-io/meeds#2144

This change will reduce Mobile Pages Margin from 20px to 8px to enhance user UX.
Meeds-io · Aug 22, 2024 · 9ea8344 · 9ea8344
1 parent ed7a17d
commit 9ea8344
Showing 1 changed file with 7 additions and 0 deletions.
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
@@ -245,6 +245,13 @@
   }
 }
 
+@media (max-width: @maxMobileWidth) {
+  .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) {