table: fix for padding

The table-panel-wrapper class got removed when clicking on the panel
menu which resulted in extra padding for the .panel-content div. This
fixes that by setting the table-specific css class lower down in the
html.

public/app/plugins/panel/table/module.ts

@@ -218,13 +218,13 @@ class TablePanelCtrl extends MetricsPanelCtrl {
     }
 
     function renderPanel() {
-      var panelElem = elem.parents('.panel');
+      var panelElem = elem.parents('.panel-content');
       var rootElem = elem.find('.table-panel-scroll');
       var tbodyElem = elem.find('tbody');
       var footerElem = elem.find('.table-panel-footer');
 
       elem.css({ 'font-size': panel.fontSize });
-      panelElem.addClass('table-panel-wrapper');
+      panelElem.addClass('table-panel-content');
 
       appendTableRows(tbodyElem);
       appendPaginationControls(footerElem);

public/sass/components/_panel_table.scss

@@ -1,7 +1,6 @@
-.table-panel-wrapper {
-  .panel-content {
-    padding: 0;
-  }
+.table-panel-content {
+  padding: 0;
+
   .panel-title-container {
     padding-bottom: 4px;
   }