Style tags for queries and dashboards

client/app/assets/less/redash/query.less

@@ -242,7 +242,12 @@ edit-in-place p.editable:hover {
 
   h3 {
     display: inline-block;
-    margin-right: 10px;
+  }
+
+  button.label {
+    background: fade(@redash-gray, 15%);
+    border: 1px solid rgb(224, 231, 235);
+    color: fade(@redash-gray, 91%);
   }
 }
 
@@ -493,7 +498,6 @@ edit-in-place p.editable:hover {
   }
 }
 
-
 // Left nav fixes for filling all the space
 nav .rg-bottom {
   visibility: hidden;
@@ -501,7 +505,15 @@ nav .rg-bottom {
 
 .query-metadata--description {
   max-height: 125px;
-  overflow-y: scroll;
+  overflow-y: auto;
+
+  .edit-in-place.active {
+    width: 100% !important;
+  }
+
+  .edit-in-place .rd-form-control {
+    width: 100% !important;
+  }
 }
 
 .query-metadata--refresh {

client/app/pages/queries-list/queries-list.html

@@ -16,7 +16,9 @@
       <div class="tiled bg-white p-15" ng-if="$ctrl.currentPage == 'favorites'">
         Mark queries as favorite <span class="btn-favourite"><i class="fa fa-star" aria-hidden="true"></i></span> to list them here.
       </div>
-      <div ng-if="$ctrl.currentPage == 'search'">Empty state for search</div>
+      <div class="tiled bg-white p-15" ng-if="$ctrl.currentPage == 'search'">
+        Sorry, we couldn't find anything.
+      </div>
     </div>
 
     <div ng-if="!$ctrl.showEmptyState" class="col-lg-9 p-r-0">

client/app/pages/queries/query.html

@@ -28,7 +28,7 @@
           <span class="label label-default" ng-if="query.is_draft && !query.is_archived">Unpublished</span>
           <span class="label label-warning" ng-if="query.is_archived" uib-popover="This query is archived and can't be used in dashboards, and won't appear in search results." popover-placement="right" popover-trigger="'mouseenter'">Archived</span>
         </h3>
-        <span class="label label-tag">#sales</span><span class="label label-tag">#2018</span><span class="label label-tag">#ops</span>
+        <span class="label label-tag">#sales</span><span class="label label-tag">#2018</span><span class="label label-tag">#ops</span><button class="label label-tag"><i class="zmdi zmdi-edit"></i></button>
       </div>
 
       <div class="col-sm-4 col-xs-5 p-0 source-control text-right">