Fix focus indicator on list and some buttons spacing

skins/elastic/styles/widgets/buttons.less

@@ -101,8 +101,8 @@ button.btn {
 
 button.btn {
     &:before {
-        display: inline-block;
-        float: none;
+        display: inline !important;
+        float: none !important;
     }
 }
 

skins/elastic/styles/widgets/jqueryui.less

@@ -34,6 +34,14 @@
     .ui-dialog-titlebar {
         height: @layout-header-height;
         border-bottom: 1px solid @color-dialog-header-border;
+
+        button {
+            margin-right: .25rem;
+
+            &:before {
+                margin: 0;
+            }
+        }
     }
 
     .ui-dialog-title {

skins/elastic/styles/widgets/lists.less

@@ -102,6 +102,13 @@
 table.listing {
     width: 100%;
     table-layout: fixed;
+    /*
+      border-spacing/border-collapse here fix problem with our focus indicator
+      when the table cells use overflow: hidden. I.e. we use border-spacing:0
+      instead of Bootstrap's border-collapse:collapse. Is this cross-browser?
+    */
+    border-spacing: 0;
+    border-collapse: unset;
 }
 
 ul.listing {

skins/elastic/styles/widgets/toolbar.less

@@ -214,7 +214,7 @@
         a.button {
             flex-grow: 1;
             font-size: 80%;
-            min-width: 1rem !important;
+            min-width: 2rem !important;
             height: @layout-pagenav-height !important;
             color: @color-list-pagenav;
             overflow: hidden;
@@ -230,6 +230,7 @@
             font-size: 80%;
             color: @color-list-pagenav;
             text-overflow: ellipsis;
+            overflow: hidden;
             white-space: nowrap;
         }