move controls above the footer icons, looks even better

2 files changed, 5 insertions, 4 deletions

diff --git a/plugins/CoreHome/javascripts/dataTable.js b/plugins/CoreHome/javascripts/dataTable.js
index f0597df0e3..e5a4890c33 100644
--- a/plugins/CoreHome/javascripts/dataTable.js
+++ b/plugins/CoreHome/javascripts/dataTable.js
@@ -1336,9 +1336,10 @@ $.extend(DataTable.prototype, UIControl.prototype, {
 
         $('.expandDataTableFooterDrawer', domElem).after(footerIcons);
 
-        var controls = $('.controls', domElem);
-        if (controls.length) {
-            $('.foldDataTableFooterDrawer', domElem).before(controls);
+        var controls   = $('.controls', domElem);
+        var footerWrap = $('.dataTableFooterWrap', domElem);
+        if (controls.length && footerWrap.length) {
+            $('.dataTableFooterWrap', domElem).before(controls);
         }
 
         var loadingPiwikBelow = $('.loadingPiwikBelow', domElem);
diff --git a/plugins/CoreHome/stylesheets/dataTable/_dataTable.less b/plugins/CoreHome/stylesheets/dataTable/_dataTable.less
index 588d7c8c39..781989f0e0 100644
--- a/plugins/CoreHome/stylesheets/dataTable/_dataTable.less
+++ b/plugins/CoreHome/stylesheets/dataTable/_dataTable.less
@@ -368,7 +368,7 @@ table.dataTable img {
 
     .controls {
       clear: left;
-      padding: 15px 0px;
+      padding: 0px 0px 15px;
       text-align: left;
       color: #333;
     }