From 9e3d5c10c5e4f1482af8db5d17b2547f052a0b02 Mon Sep 17 00:00:00 2001
From: Stan Hu <stanhu@gmail.com>
Date: Fri, 15 May 2015 12:07:41 -0700
Subject: [PATCH] Make it obvious that the query link is clickable: underline
 when hovering and add glyphicon

---
 rd_ui/app/scripts/directives/query_directives.js | 2 +-
 rd_ui/app/styles/redash.css                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/rd_ui/app/scripts/directives/query_directives.js b/rd_ui/app/scripts/directives/query_directives.js
index e8a2e35a4f..119242b20e 100644
--- a/rd_ui/app/scripts/directives/query_directives.js
+++ b/rd_ui/app/scripts/directives/query_directives.js
@@ -8,7 +8,7 @@
         'query': '=',
         'visualization': '=?'
       },
-      template: '<a ng-href="{{link}}" class="query-link">{{query.name}}</a>',
+      template: '<small><span class="glyphicon glyphicon-link"></span></small> <a ng-href="{{link}}" class="query-link">{{query.name}}</a>',
       link: function(scope, element) {
         scope.link = '/queries/' + scope.query.id;
         if (scope.visualization) {
diff --git a/rd_ui/app/styles/redash.css b/rd_ui/app/styles/redash.css
index df4f43a788..3771f8469b 100644
--- a/rd_ui/app/styles/redash.css
+++ b/rd_ui/app/styles/redash.css
@@ -97,7 +97,7 @@ a.navbar-brand img {
 }
 
 .panel-heading .query-link:hover {
-    text-decoration: none;
+    text-decoration: underline;
 }
 
 /* angular-growl */