Move ToolBar buttons to the right side. Remove labels and add tooltips.

cjcenizal · Feb 4, 2017 · 6a66f6f · 6a66f6f
1 parent 94afb6f
commit 6a66f6f
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/core_plugins/kibana/public/visualize/listing/visualize_listing.html b/src/core_plugins/kibana/public/visualize/listing/visualize_listing.html
@@ -30,34 +30,34 @@
         </div>
       </div>
 
+      <div class="kuiToolBarSection">
+        <!-- We need an empty section for the buttons to be positioned consistently. -->
+      </div>
+
       <div class="kuiToolBarSection">
         <!-- Bulk delete button -->
         <button
-          class="kuiButton kuiButton--danger kuiButton--iconText"
+          class="kuiButton kuiButton--danger"
           confirm-click="listingController.deleteSelectedItems()"
           confirmation="Are you sure you want to delete the selected visualizations? This action is irreversible!"
           aria-label="Delete selected objects"
           ng-hide="listingController.getSelectedItemsCount() === 0"
+          tooltip="Delete selected visualizations"
         >
           <span aria-hidden="true" class="kuiButton__icon kuiIcon fa-trash"></span>
-          Delete
         </button>
 
         <!-- Create visualization button -->
         <a
-          class="kuiButton kuiButton--primary kuiButton--iconText"
+          class="kuiButton kuiButton--primary"
           href="#/visualize/step/1"
           aria-label="Create new visualization"
           ng-hide="listingController.getSelectedItemsCount() > 0"
+          tooltip="Create new visualization"
         >
           <span aria-hidden="true" class="kuiButton__icon kuiIcon fa-plus"></span>
-          Create visualization
         </a>
       </div>
-
-      <div class="kuiToolBarSection">
-        <!-- We need an empty section for the buttons to be positioned consistently. -->
-      </div>
     </div>
 
     <!-- NoResults -->
@@ -84,7 +84,7 @@
           </th>
 
           <th class="kuiTableHeaderCell">
-            Visualization
+            Name
           </th>
 
           <th class="kuiTableHeaderCell">