0034591: [UX] There should be less left and right padding in narrow aspect ratios (ex. 4:3)

diff --git a/web/org.openbravo.mobile.core/assets/css/ob-standard.css b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-standard.css
+++ b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
@@ -334,6 +334,24 @@
   padding: 0px 30px;
 }
 
+/*
+   Media query for dynamic horizontal padding from 5px to 30px when
+   the viewport aspect ratio goes from 5:4 (1.25) to 3:2 (1.5) respectively
+*/
+
+@media all and (max-aspect-ratio: 150/100) {
+  .pos-container {
+    padding: 0px calc((24/175 * 100%) - 115px);
+  }
+}
+
+@media all and (max-aspect-ratio: 125/100) {
+  .pos-container {
+    padding: 0px 5px;
+  }
+}
+
+
 @media all and (max-width: 800px) {
   .pos-container {
     padding: 0px 5px;