Convertet Donate LABEL to Donate BUTTON

helpmehelpapplication/src/main/resources/fxml/donationPage.fxml

@@ -1,16 +1,24 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.*?>
-<?import javafx.scene.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.effect.*?>
-<?import javafx.scene.image.*?>
-<?import javafx.scene.layout.*?>
-<?import javafx.scene.paint.*?>
-<?import javafx.scene.shape.*?>
-<?import javafx.scene.text.*?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.effect.DropShadow?>
+<?import javafx.scene.image.Image?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.paint.Color?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
 
-<GridPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.DonationPageController">
+<GridPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.DonationPageController">
   <columnConstraints>
     <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
   </columnConstraints>
@@ -120,7 +128,7 @@
                         </StackPane>
                         <VBox alignment="CENTER" prefHeight="388.0" prefWidth="800.0" GridPane.columnIndex="1">
                            <children>
-                              <StackPane prefHeight="260.0" prefWidth="580.0" translateY="30.0">
+                              <StackPane prefHeight="261.0" prefWidth="390.0" translateY="30.0">
                                  <children>
                                     <Rectangle arcHeight="5.0" arcWidth="5.0" fill="WHITE" height="258.0" stroke="BLACK" strokeLineCap="ROUND" strokeType="OUTSIDE" width="344.0">
                                        <effect>
@@ -133,29 +141,20 @@
                                     </Rectangle>
                                     <Rectangle arcHeight="5.0" arcWidth="5.0" fill="WHITE" height="32.0" stroke="BLACK" strokeLineCap="ROUND" strokeType="OUTSIDE" translateY="-70.0" width="162.0" />
                                     <Rectangle arcHeight="5.0" arcWidth="5.0" fill="WHITE" height="32.0" stroke="BLACK" strokeLineCap="ROUND" strokeType="OUTSIDE" width="162.0" />
-                                    <Rectangle arcHeight="5.0" arcWidth="5.0" fill="WHITE" height="34.0" stroke="BLACK" strokeLineCap="ROUND" strokeType="OUTSIDE" translateY="100.0" width="98.0">
-                                       <cursor>
-                                          <Cursor fx:constant="HAND" />
-                                       </cursor>
-                                    </Rectangle>
                                     <Rectangle arcHeight="5.0" arcWidth="5.0" fill="WHITE" height="25.0" stroke="BLACK" strokeLineCap="ROUND" strokeType="OUTSIDE" translateX="-130.0" translateY="100.0" width="64.0">
                                        <cursor>
                                           <Cursor fx:constant="HAND" />
                                        </cursor>
                                     </Rectangle>
                                     <TextField fx:id="donatioAmount" alignment="CENTER" maxWidth="-Infinity" prefHeight="26.0" prefWidth="162.0" promptText="Enter amount" translateY="50.0" StackPane.alignment="CENTER" />
-                                    <Label text="Donate" translateY="100.0">
-                                       <cursor>
-                                          <Cursor fx:constant="HAND" />
-                                       </cursor>
-                                    </Label>
-                                    <Label text="Enter Donation Amount:" />
-                                    <Label text="[Charity Name]" translateY="-70.0" />
+                                    <Label fx:id="CharityName" text="[Charity Name]" translateY="-70.0" />
                                     <Label alignment="CENTER" text="Abort" translateX="-130.0" translateY="100.0">
                                        <cursor>
                                           <Cursor fx:constant="HAND" />
                                        </cursor>
                                     </Label>
+                                    <Label text="Enter Donation Amount:" />
+                                    <Button alignment="CENTER" contentDisplay="CENTER" mnemonicParsing="false" onAction="#Donate" prefHeight="37.0" prefWidth="165.0" style="-fx-background-color: #2E7D32;" text="Donate" textFill="WHITE" translateY="100.0" />
                                  </children>
                               </StackPane>
                            </children>