Switch saved object finder to use list group menus

src/kibana/apps/visualize/partials/wizard/step_2.html

@@ -4,8 +4,10 @@
 </h1>
 
 <ul class="list-group list-group-menu">
-  <a ng-repeat="type in visTypeDefs"  ng-href="{{ typeUrl(type) }}">
-    <li class="list-group-item list-group-menu-item">
+  <a class="list-group-item list-group-menu-item"
+  	ng-repeat="type in visTypeDefs"
+  	ng-href="{{ typeUrl(type) }}">
+    <li>
       <i ng-class="type.icon"></i>{{type.name}}
     </li>
   </a>

src/kibana/partials/saved_object_finder.html

@@ -14,18 +14,16 @@
   </div>
 </form>
 <paginate list="hits" per-page="5">
-  <ul class="media-list well well-sm finder-options">
-    <li ng-repeat="hit in page" ng-class="hit.icon || hit.description ? 'media' : ''">
-      <a class="pull-left" ng-if="hit.icon" ng-href="{{ makeUrl(hit) }}" ng-click="onChoose(hit)">
-        <i ng-class="hit.icon"></i>
-      </a>
-      <div ng-class="hit.icon || hit.description ? 'media-body' : ''">
-        <div ng-class="hit.icon || hit.description ? 'media-heading' : ''">
-          <a ng-href="{{makeUrl(hit)}}" ng-click="onChoose(hit)" ng-bind="hit.title"></a>
-        </div>
+  <ul class="list-group list-group-menu">
+    <a class="list-group-item list-group-menu-item"
+      ng-repeat="hit in page"
+      ng-href="{{ makeUrl(hit) }}"
+      ng-click="onChoose(hit)">
+      <li>
+        <i ng-class="hit.icon"></i> {{hit.title}}
         <p ng-if="hit.description" ng-bind="hit.description"></p>
-      </div>
-    </li>
+      </li>
+    </a>
     <p ng-if="hits.length === 0" ng-bind="'No matching ' + nouns + ' found.'"></p>
   </ul>
-</paginate>
+</paginate>

src/kibana/styles/main.less

@@ -151,6 +151,7 @@ notifications {
 }
 
 .list-group-menu {
+
   .list-group-menu-item {
     &.active {
       font-weight: bold;
@@ -159,6 +160,10 @@ notifications {
     &:hover {
       background-color: @well-bg;
     }
+    li {
+      list-style: none;
+      color: @link-color;
+    }
   }
 }
 
@@ -235,6 +240,12 @@ saved-object-finder {
     }
   }
 
+  .list-group-item {
+    &:first-child {
+      .border-top-radius(0) !important;
+    }
+  }
+
   div.finder-form {
     position: relative;
   }