Polished KeyBindingsTab

src/main/java/org/jabref/gui/Base.css

@@ -372,6 +372,10 @@ TextFlow > .tooltip-text-monospaced {
     -fx-padding: 0.5em 1em 0.5em 1em;
 }
 
+.menu-button > .label {
+    -fx-padding: 0 8 0 8;
+}
+
 .button:hover {
     -fx-background-color: rgba(0, 0, 0, 0.12);
 }
@@ -529,6 +533,12 @@ TextFlow > .tooltip-text-monospaced {
     -fx-padding: 0.0em 0.666667em 0.0em 0.666667em;
 }
 
+.menu-bar .menu-button {
+    -fx-border-color: transparent;
+    -fx-border-width: 0;
+    -fx-border-radius: 0;
+}
+
 .menu-item {
     -fx-padding: 0.5em 0.41777em 0.5em 0.41777em;
 }
@@ -622,12 +632,14 @@ TextFlow > .tooltip-text-monospaced {
     -fx-background-color: -jr-green;
 }
 
-.table-view {
+.table-view,
+.tree-table-view {
     -fx-background-insets: 0;
     -fx-padding: 0;
 }
 
-.table-view:focused {
+.table-view:focused,
+.tree-table-view:focused {
     -fx-background-insets: 0;
 }
 
@@ -1086,24 +1098,26 @@ We want to have a look that matches our icons in the tool-bar */
     -fx-background-color: -fx-mark-highlight-color, derive(-jr-theme-text, -30%);
 }
 
-.table-view {
+.table-view,
+.tree-table-view {
     -fx-border-width: 0;
     -fx-padding: 0;
     -fx-border-insets: 0;
     -fx-table-cell-border-color: transparent;
 }
 
-.table-view .column-header-background {
+.column-header-background {
     -fx-background-color: -fx-control-inner-background;
     -fx-border-width: 0;
 }
 
-.table-view .column-header-background:hover {
+.column-header-background:hover {
     -fx-background-color: -fx-outer-border;
 }
 
-.table-view .column-header,
-.table-view .filler {
+.column-header,
+.table-view .filler,
+.tree-table-view .filler {
     -fx-background-color: transparent, -fx-control-inner-background;
     -fx-background-insets: 0, 0 0.02em 0 0.02em;
     -fx-font-weight: bold;
@@ -1112,20 +1126,22 @@ We want to have a look that matches our icons in the tool-bar */
     -fx-border-color: -fx-outer-border;
 }
 
-.table-view .column-header > .label {
+.column-header > .label {
     -fx-padding: 0 1em 0 1em;
     -fx-alignment: center-left;
     -fx-text-fill: -jr-head-fg;
 }
 
-.table-view .column-header .glyph-icon {
+.column-header .glyph-icon {
     -fx-alignment: baseline-center;
     -fx-text-fill: -jr-head-fg;
     -fx-fill: -jr-head-fg;
 }
 
 .table-cell,
-.table-cell .glyph-icon {
+.tree-table-cell,
+.table-cell .glyph-icon,
+.tree-table-cell .glyph-icon {
     -fx-padding: 0.5em 1em 0.5em 1em;
     -fx-cell-size: 4.0em;
     -fx-text-fill: -fx-text-background-color;

src/main/java/org/jabref/gui/preferences/keybindings/KeyBindingsTab.css

@@ -6,6 +6,7 @@
     visibility: hidden;
 }
 
-.tree-table-row-cell:selected > .tree-table-cell > .icon, .tree-table-row-cell:pressed > .tree-table-cell > .icon {
+.tree-table-row-cell:selected > .tree-table-cell > .icon,
+.tree-table-row-cell:pressed > .tree-table-cell > .icon {
     -fx-fill: white;
 }

src/main/java/org/jabref/gui/preferences/keybindings/KeyBindingsTab.fxml

@@ -3,7 +3,6 @@
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.MenuButton?>
-<?import javafx.scene.control.Tooltip?>
 <?import javafx.scene.control.TreeTableColumn?>
 <?import javafx.scene.control.TreeTableView?>
 <?import javafx.scene.layout.HBox?>
@@ -27,15 +26,12 @@
         </columnResizePolicy>
     </TreeTableView>
 
-    <HBox spacing="4" alignment="CENTER_RIGHT">
-        <MenuButton fx:id="presetsButton" text="%Presets"/>
-        <Button prefHeight="20.0" prefWidth="20.0" styleClass="icon-button,narrow" onAction="#resetBindings">
+    <HBox spacing="10.0" alignment="CENTER_RIGHT">
+        <MenuButton fx:id="presetsButton" text="%Presets" styleClass="button"/>
+        <Button text="%Reset all" onAction="#resetBindings">
             <graphic>
                 <JabRefIconView glyph="REFRESH"/>
             </graphic>
-            <tooltip>
-                <Tooltip text="%Reset Bindings"/>
-            </tooltip>
         </Button>
     </HBox>
 </fx:root>