Make panel body padding consistent with header

Author: blakeembrey

dist/main/atom/views/mainPanelView.js

@@ -36,11 +36,10 @@ var MainPanelView = (function (_super) {
         };
         this.div({
             class: 'atomts atomts-main-panel-view native-key-bindings',
-            style: 'padding: 6px',
             tabindex: '-1'
         }, function () {
             _this.div({
-                class: 'layout horizontal',
+                class: 'layout horizontal atomts-panel-header',
                 style: '-webkit-user-select: none; align-items: center',
                 dblclick: 'toggle'
             }, function () {
@@ -118,17 +117,17 @@ var MainPanelView = (function (_super) {
                 });
             });
             _this.div({
-                class: 'panel-body atomts-panel-body padded',
+                class: 'panel-body atomts-panel-body',
                 outlet: 'errorBody',
                 style: 'overflow-y: auto; display: none'
             });
             _this.div({
-                class: 'panel-body atomts-panel-body padded',
+                class: 'panel-body atomts-panel-body',
                 outlet: 'buildBody',
                 style: 'overflow-y: auto; display: none'
             });
             _this.div({
-                class: 'panel-body atomts-panel-body padded',
+                class: 'panel-body atomts-panel-body',
                 outlet: 'referencesBody',
                 style: 'overflow-y: auto; display: none'
             });

lib/main/atom/views/mainPanelView.ts

@@ -47,11 +47,10 @@ export class MainPanelView extends view.View<any> {
 
         this.div({
             class: 'atomts atomts-main-panel-view native-key-bindings',
-            style: 'padding: 6px',
             tabindex: '-1'
         }, () => {
                 this.div({
-                    class: 'layout horizontal',
+                    class: 'layout horizontal atomts-panel-header',
                     style: '-webkit-user-select: none; align-items: center',
                     dblclick: 'toggle'
                 }, () => {
@@ -137,17 +136,17 @@ export class MainPanelView extends view.View<any> {
                             });
                     });
                 this.div({
-                    class: 'panel-body atomts-panel-body padded',
+                    class: 'panel-body atomts-panel-body',
                     outlet: 'errorBody',
                     style: 'overflow-y: auto; display: none'
                 });
                 this.div({
-                    class: 'panel-body atomts-panel-body padded',
+                    class: 'panel-body atomts-panel-body',
                     outlet: 'buildBody',
                     style: 'overflow-y: auto; display: none'
                 });
                 this.div({
-                    class: 'panel-body atomts-panel-body padded',
+                    class: 'panel-body atomts-panel-body',
                     outlet: 'referencesBody',
                     style: 'overflow-y: auto; display: none'
                 });

styles/atomts-main-panel-view.less

@@ -3,6 +3,11 @@
     scroll-y: auto;
 }
 
+.atomts-panel-body,
+.atomts-panel-header {
+  padding: 6px;
+}
+
 .atomts-main-panel-view{
     .build-progress.warn::-webkit-progress-value{
         background-color: rgb(255, 155, 0) !important;