Remove horizontal padding to panel body of tabs

This provide more horizontal spaces on small screen.

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;

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);