From ab77f005269fe3f60a3539c6bd31e6a17db2f656 Mon Sep 17 00:00:00 2001
From: Zsolt Kocsmarszky <kocsmy@gmail.com>
Date: Sun, 19 Nov 2017 21:34:40 +0100
Subject: [PATCH] Move refresh button under latest refresh time

---
 client/app/assets/css/redash-newstyle.less   | 16 ++++++++++++++++
 client/app/components/dashboards/widget.html |  7 +++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/client/app/assets/css/redash-newstyle.less b/client/app/assets/css/redash-newstyle.less
index 29456b807..1e919fa01 100644
--- a/client/app/assets/css/redash-newstyle.less
+++ b/client/app/assets/css/redash-newstyle.less
@@ -38,10 +38,26 @@ page-header, .page-header--new {
   }
 }
 
+.popover {
+  box-shadow: fade(@redash-gray, 25%) 0px 0px 15px 0px;
+}
+
+.tile__bottom-control a {
+  color: fade(@redash-black, 65%);
+
+  &:hover {
+    color: fade(@redash-black, 95%);
+  }
+}
+
 .btn-default {
   background-color: fade(@redash-gray, 15%);
 }
 
+.btn-transparent {
+  background-color: transparent !important;
+}
+
 .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
   background-color: fade(@redash-gray, 25%);
 }
diff --git a/client/app/components/dashboards/widget.html b/client/app/components/dashboards/widget.html
index d1e50190a..331dfea95 100644
--- a/client/app/components/dashboards/widget.html
+++ b/client/app/components/dashboards/widget.html
@@ -49,11 +49,14 @@
     </div>
 
     <div class="body-row clearfix tile__bottom-control">
-      <span class="small hidden-print"><i class="zmdi zmdi-time-restore"></i> <span am-time-ago="$ctrl.queryResult.getUpdatedAt()"></span></span>
+      <a class="small hidden-print" ng-click="$ctrl.reload(true)" ng-if="!$ctrl.public" uib-popover="Click to refresh!" popover-placement="right" popover-trigger="'mouseenter'">
+        <i class="zmdi zmdi-time-restore"></i> <span am-time-ago="$ctrl.queryResult.getUpdatedAt()"></span>
+      </a>
       <span class="visible-print">
         <i class="zmdi zmdi-time-restore"></i> {{$ctrl.queryResult.getUpdatedAt() | dateTime}}
       </span>
-      <button class="btn btn-sm btn-default pull-right hidden-print btn__refresh" ng-click="$ctrl.reload(true)" ng-if="!$ctrl.public"><i class="zmdi zmdi-refresh"></i></button>
+
+      <!--<button class="btn btn-sm btn-default pull-right hidden-print btn-transparent btn__refresh" ng-click="$ctrl.reload(true)" ng-if="!$ctrl.public"><i class="zmdi zmdi-refresh"></i></button>-->
     </div>
   </div>