How can I change my JavaFx's buttons to look exactly like this?
<p><a href="https://i.stack.imgur.com/25yp6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/25yp6.png" alt="enter image description here"></a></p>

<p>[2]: Below is a piece of what I've done so far. Can't seem to get it to look    like the pic that I've attached.</p>

<pre><code>  gp.getColumnConstraints().addAll(rc, rc1, rc2);
            gp.setAlignment(Pos.TOP_CENTER);
            gp.add(prev, 0, 0);
            gp.add(search, 1, 0);
            gp.add(next, 2, 0);

            Button add = new Button("Add + ");
            add.setPrefSize(75, 10);
            add.setOnAction(new EventHandler&lt;ActionEvent&gt;() {

                @Override
                public void handle(ActionEvent arg0) {
                    if (!fNameFld.getText().toString().equals("")) {
                        Contact c = new Contact(fNameFld.getText().toString(), numF.getText().toString(),
                                emailf.getText().toString());
                        contact.add(c);
                        i = contact.indexOf(c);
                        System.out.println(i);
                    }
                }
            });

            Button edit = new Button("Edit * ");
            edit.setPrefSize(75, 10);
            edit.setOnAction(new EventHandler&lt;ActionEvent&gt;() {
</code></pre>