Fix icon decentering bug, increase icon size a tad

pmd-ui/src/main/resources/net/sourceforge/pmd/util/fxdesigner/fxml/xpath.fxml

@@ -86,7 +86,8 @@
                                     <graphic>
                                         <!--Needs FA 5.1.0 -->
                                         <!--<FontIcon iconLiteral="fas-file-export" />-->
-                                        <SVGPath scaleX="0.022" scaleY="0.022"
+                                        <SVGPath styleClass="svg-icon"
+                                                 scaleX="0.024" scaleY="0.024"
                                                  content="M384 121.9c0-6.3-2.5-12.4-7-16.9L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1zM192 336v-32c0-8.84 7.16-16 16-16h176V160H248c-13.2 0-24-10.8-24-24V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V352H208c-8.84 0-16-7.16-16-16zm379.05-28.02l-95.7-96.43c-10.06-10.14-27.36-3.01-27.36 11.27V288H384v64h63.99v65.18c0 14.28 17.29 21.41 27.36 11.27l95.7-96.42c6.6-6.66 6.6-17.4 0-24.05z" />
                                     </graphic>
                                     <tooltip>

pmd-ui/src/main/resources/net/sourceforge/pmd/util/fxdesigner/less/designer.less

@@ -16,6 +16,9 @@
 #d62c49,
 #ff6a7a;
 
+.ikonli-font-icon {
+  -fx-icon-size: 14;
+}
 
 .list-view, .tree-view, .table-view {
     -fx-selection-bar: @selection-focus-color;
@@ -193,13 +196,12 @@
   }
 }
 
-.menu-button.menu-button-no-arrow {
-  .arrow-button {
-    -fx-padding: 0;
-  }
+.menu-button.menu-button-no-arrow .arrow-button {
 
-  .arrow-button > .arrow {
+  &, * {
     -fx-padding: 0;
+    .fix-height(0);
+    .fix-width(0);
   }
 }
 
@@ -215,7 +217,12 @@
     -fx-graphic-text-gap: 0;
   }
 
-  .ikonli-font-icon {
+  &.menu-button .ikonli-font-icon {
+    // Fixes a bug where the cog icon is misplaced to the right
+    // Probably needs to be synced with icon size
+    -fx-translate-x: -4;
+  }
+  .ikonli-font-icon, .svg-icon {
     -fx-fill: @fx-text-fill;
   }