From e08a8ba20802cd8016f3a7564612b6f9be4381ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Wed, 19 Jun 2024 20:13:48 +0200
Subject: [PATCH] Remove horizontal padding to panel body of tabs

This provide more horizontal spaces on small screen.
---
 sao/src/sao.less | 5 ++---
 sao/src/tab.js   | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/sao/src/sao.less b/sao/src/sao.less
index 301d78138f..f4908bd49e 100644
--- a/sao/src/sao.less
+++ b/sao/src/sao.less
@@ -246,18 +246,17 @@ html[theme="default"] {
         flex-direction: column;
         flex: 1;
         margin-bottom: 5px;
+        padding-bottom: 0;
 
         > .panel-body {
             display: flex;
             flex: 1;
             flex-direction: row;
-            padding-top: 0;
+            padding: 0;
             min-height: 0;
 
             > div {
                 display: inline-flex;
-                padding-left: 15px;
-                padding-right: 15px;
 
                 &:first-child {
                     flex: 2;
diff --git a/sao/src/tab.js b/sao/src/tab.js
index 1acdf2befc..ed68b7ada1 100644
--- a/sao/src/tab.js
+++ b/sao/src/tab.js
@@ -127,7 +127,7 @@
             this.title_long = toolbar.find('.title-long');
 
             this.main = jQuery('<div/>', {
-                'class': 'panel-body row',
+                'class': 'panel-body',
             }).appendTo(this.el);
             this.content = jQuery('<div/>').appendTo(this.main);