From 0c87bdaca56cd2fdc92b704695f8435a9f6d0e27 Mon Sep 17 00:00:00 2001
From: AdrianBalunan <adrianbalunan63@gmail.com>
Date: Fri, 13 Mar 2026 21:29:44 +0100
Subject: [PATCH] Fix: Fixed it not being able to be white, now it's black.

---
 .../src/main/resources/fxml/charityPage.fxml  | 537 +++++++++---------
 1 file changed, 277 insertions(+), 260 deletions(-)

diff --git a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
index 1af1827..205c14b 100644
--- a/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/charityPage.fxml
@@ -1,16 +1,29 @@
 <?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.*?>
-
-<GridPane hgap="0.0" prefHeight="900.0" prefWidth="1200.0" vgap="0.0" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.CharityPageController">
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.Cursor?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Hyperlink?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?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.Pane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.paint.Color?>
+<?import javafx.scene.shape.Arc?>
+<?import javafx.scene.shape.Circle?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.text.Font?>
+
+<GridPane hgap="0.0" prefHeight="900.0" prefWidth="1200.0" vgap="0.0" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.CharityPageController">
 
    <columnConstraints>
       <ColumnConstraints percentWidth="100.0" />
@@ -99,307 +112,311 @@
 
          </children>
       </GridPane>
-
-      <!-- MAIN CONTENT -->
-      <GridPane prefHeight="628.0" prefWidth="1200.0" style="-fx-background-color: #F5F5F5;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-
-         <padding>
-            <Insets bottom="25.0" left="30.0" right="30.0" top="25.0" />
-         </padding>
-
-         <columnConstraints>
-            <ColumnConstraints percentWidth="25.0" />
-            <ColumnConstraints percentWidth="75.0" />
-         </columnConstraints>
-
-         <rowConstraints>
-            <RowConstraints vgrow="ALWAYS" />
-         </rowConstraints>
-
-         <children>
-
-            <!-- LEFT SIDE -->
-            <GridPane prefWidth="300.0" style="-fx-background-color: #F5F5F5;" translateX="80" translateY="150" GridPane.columnIndex="0" GridPane.rowIndex="0">
-
+      <ScrollPane GridPane.rowIndex="1">
+         <content>
+      
+            <!-- MAIN CONTENT -->
+            <GridPane prefHeight="628.0" prefWidth="1200.0" style="-fx-background-color: #F5F5F5;">
+      
+               <padding>
+                  <Insets bottom="25.0" left="30.0" right="30.0" top="25.0" />
+               </padding>
+      
+               <columnConstraints>
+                  <ColumnConstraints percentWidth="25.0" />
+                  <ColumnConstraints percentWidth="75.0" />
+               </columnConstraints>
+      
+               <rowConstraints>
+                  <RowConstraints vgrow="ALWAYS" />
+               </rowConstraints>
+      
                <children>
-                  <VBox alignment="TOP_CENTER" spacing="15.0">
-                     <padding>
-                        <Insets top="160.0" />
-                     </padding>
-
+      
+                  <!-- LEFT SIDE -->
+                  <GridPane prefWidth="300.0" style="-fx-background-color: #F5F5F5;" translateX="80" translateY="150" GridPane.columnIndex="0" GridPane.rowIndex="0">
+      
                      <children>
-                        <Hyperlink text="Homepage">
-                           <font>
-                              <Font name="System Bold" size="20.0" />
-                           </font>
-                        </Hyperlink>
-
-                        <Hyperlink text="Socials">
-                           <font>
-                              <Font name="System Bold" size="20.0" />
-                           </font>
-                        </Hyperlink>
-
-                        <Hyperlink text="Verification Report">
-                           <font>
-                              <Font name="System Bold" size="20.0" />
-                           </font>
-                        </Hyperlink>
-
-                        <VBox spacing="22.0">
+                        <VBox alignment="TOP_CENTER" spacing="15.0">
                            <padding>
-                              <Insets top="55.0" />
+                              <Insets top="160.0" />
                            </padding>
-
+      
                            <children>
-                              <Button prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4453D9; -fx-background-radius:30; -fx-text-fill:white;" text="Favorite">
+                              <Hyperlink text="Homepage">
                                  <font>
-                                    <Font name="System Bold" size="16.0" />
+                                    <Font name="System Bold" size="20.0" />
                                  </font>
-                              </Button>
-
-                              <Button onAction="#switchToDonationPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:30; -fx-text-fill:white;" text="Donate">
+                              </Hyperlink>
+      
+                              <Hyperlink text="Socials">
                                  <font>
-                                    <Font name="System Bold" size="16.0" />
+                                    <Font name="System Bold" size="20.0" />
                                  </font>
-                              </Button>
-                           </children>
-                        </VBox>
-                     </children>
-                  </VBox>
-               </children>
-               <columnConstraints>
-                  <ColumnConstraints />
-               </columnConstraints>
-               <rowConstraints>
-                  <RowConstraints />
-               </rowConstraints>
-            </GridPane>
-
-            <!-- RIGHT SIDE -->
-            <GridPane hgap="20.0" prefWidth="900.0" style="-fx-background-color: #F5F5F5;" vgap="18.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
-
-               <columnConstraints>
-                  <ColumnConstraints percentWidth="55.0" />
-                  <ColumnConstraints percentWidth="45.0" />
-               </columnConstraints>
-
-               <rowConstraints>
-                  <RowConstraints percentHeight="24.0" />
-                  <RowConstraints percentHeight="46.0" />
-                  <RowConstraints percentHeight="30.0" />
-               </rowConstraints>
-
-               <children>
-
-                  <!-- TOP LEFT INFO -->
-                  <GridPane vgap="14.0" GridPane.columnIndex="0" GridPane.rowIndex="0">
-
-                     <rowConstraints>
-                        <RowConstraints percentHeight="45.0" />
-                        <RowConstraints percentHeight="25.0" />
-                        <RowConstraints percentHeight="30.0" />
-                     </rowConstraints>
-
-                     <children>
-
-                        <Label fx:id="CharityName" style="-fx-text-fill:#2D3C8F;" text="[Charity Name]" translateX="-280" GridPane.rowIndex="0">
-                           <font>
-                              <Font name="System Bold" size="62.0" />
-                           </font>
-                        </Label>
-
-                        <Label style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;" text="✓ Verified" translateX="-280" GridPane.rowIndex="1">
-                           <font>
-                              <Font name="System Bold" size="15.0" />
-                           </font>
-                        </Label>
-
-                        <StackPane prefHeight="80.0" prefWidth="220.0" translateX="-30" GridPane.rowIndex="2">
-
-                           <children>
-                              <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="60.0" stroke="#4F4F4F" strokeType="INSIDE" width="220.0" />
-
-
-                              <Label text="[Category]">
+                              </Hyperlink>
+      
+                              <Hyperlink text="Verification Report">
                                  <font>
-                                    <Font name="System Bold" size="18.0" />
+                                    <Font name="System Bold" size="20.0" />
                                  </font>
-                              </Label>
-                           </children>
-                        </StackPane>
-
-                     </children>
-                     <columnConstraints>
-                        <ColumnConstraints />
-                     </columnConstraints>
-                  </GridPane>
-
-                  <!-- TOP RIGHT IMAGE -->
-                  <StackPane prefHeight="210.0" prefWidth="420.0" style="-fx-background-color:#F5F5F5;" translateX="-70" GridPane.columnIndex="1" GridPane.rowIndex="0">
-
-                     <children>
-                        <Rectangle arcHeight="25.0" arcWidth="25.0" fill="#F5F5F5" height="210.0" stroke="#8B8B8B" strokeType="INSIDE" width="420.0" />
-                        <ImageView fitHeight="150.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
-                           <image>
-                              <Image url="@../images/leggTilBilde.jpg" />
-                           </image>
-                        </ImageView>
-                     </children>
-                  </StackPane>
-
-
-                  <!-- SUMMARY -->
-                  <StackPane alignment="CENTER" translateX="-20" translateY="60" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="1">
-
-                     <children>
-
-                        <!-- Kort-bakgrunn -->
-                        <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="300.0" stroke="#8B8B8B" strokeType="INSIDE" width="700.0">
-                           <effect>
-                              <DropShadow offsetY="3.0" radius="8.0">
-                                 <color>
-                                    <Color red="0.0" green="0.0" blue="0.0" opacity="0.2" />
-                                 </color>
-                              </DropShadow>
-                           </effect>
-                        </Rectangle>
-
-                        <!-- Ekte scrollbart innhold -->
-                        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" maxHeight="260.0" maxWidth="650.0" minHeight="260.0" minWidth="650.0" pannable="true" prefHeight="260.0" prefWidth="650.0" style="-fx-background-color: transparent; -fx-background: transparent;" vbarPolicy="ALWAYS">
-
-                           <content>
-                              <VBox fillWidth="true" prefWidth="620.0" style="-fx-padding: 10;">
+                              </Hyperlink>
+      
+                              <VBox spacing="22.0">
+                                 <padding>
+                                    <Insets top="55.0" />
+                                 </padding>
+      
                                  <children>
-
-                                    <Label fx:id="CharityDescription" maxWidth="600.0" prefWidth="600.0" text="Summary about the charity.  Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen." wrapText="true">
+                                    <Button prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4453D9; -fx-background-radius:30; -fx-text-fill:white;" text="Favorite">
                                        <font>
-                                          <Font size="16.0" />
+                                          <Font name="System Bold" size="16.0" />
                                        </font>
-                                    </Label>
-
+                                    </Button>
+      
+                                    <Button onAction="#switchToDonationPage" prefHeight="55.0" prefWidth="190.0" style="-fx-background-color:#4E7C3F; -fx-background-radius:30; -fx-text-fill:white;" text="Donate">
+                                       <font>
+                                          <Font name="System Bold" size="16.0" />
+                                       </font>
+                                    </Button>
                                  </children>
                               </VBox>
-                           </content>
-                        </ScrollPane>
-
+                           </children>
+                        </VBox>
                      </children>
-                  </StackPane>
-                  <!-- STATS -->
-                  <GridPane hgap="30.0" style="-fx-padding: 80 0 0 0;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="2">
-
                      <columnConstraints>
-                        <ColumnConstraints percentWidth="33.33" />
-                        <ColumnConstraints percentWidth="33.33" />
-                        <ColumnConstraints percentWidth="33.33" />
+                        <ColumnConstraints />
                      </columnConstraints>
-
+                     <rowConstraints>
+                        <RowConstraints />
+                     </rowConstraints>
+                  </GridPane>
+      
+                  <!-- RIGHT SIDE -->
+                  <GridPane hgap="20.0" prefWidth="900.0" style="-fx-background-color: #F5F5F5;" vgap="18.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
+      
+                     <columnConstraints>
+                        <ColumnConstraints percentWidth="55.0" />
+                        <ColumnConstraints percentWidth="45.0" />
+                     </columnConstraints>
+      
+                     <rowConstraints>
+                        <RowConstraints percentHeight="24.0" />
+                        <RowConstraints percentHeight="46.0" />
+                        <RowConstraints percentHeight="30.0" />
+                     </rowConstraints>
+      
                      <children>
-
-                        <!-- 97,4 % -->
-                        <VBox alignment="CENTER" spacing="12.0" GridPane.columnIndex="0">
+      
+                        <!-- TOP LEFT INFO -->
+                        <GridPane vgap="14.0" GridPane.columnIndex="0" GridPane.rowIndex="0">
+      
+                           <rowConstraints>
+                              <RowConstraints percentHeight="45.0" />
+                              <RowConstraints percentHeight="25.0" />
+                              <RowConstraints percentHeight="30.0" />
+                           </rowConstraints>
+      
                            <children>
-                              <Label text="Innsamlingsprosent">
+      
+                              <Label fx:id="CharityName" style="-fx-text-fill:#2D3C8F;" text="[Charity Name]" translateX="-280" GridPane.rowIndex="0">
                                  <font>
-                                    <Font name="System Bold" size="16.0" />
+                                    <Font name="System Bold" size="62.0" />
                                  </font>
                               </Label>
-
-                              <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+      
+                              <Label style="-fx-background-color:#C8E6C0; -fx-background-radius:18; -fx-text-fill:#4E7C3F; -fx-padding:8 16 8 16;" text="✓ Verified" translateX="-280" GridPane.rowIndex="1">
+                                 <font>
+                                    <Font name="System Bold" size="15.0" />
+                                 </font>
+                              </Label>
+      
+                              <StackPane prefHeight="80.0" prefWidth="220.0" translateX="-30" GridPane.rowIndex="2">
+      
                                  <children>
-
-                                    <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
-                                       <children>
-                                          <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
-
-                                          <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-350.64" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
-                                       </children>
-                                    </Pane>
-
-                                    <Label text="97,4%" StackPane.alignment="CENTER">
+                                    <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="60.0" stroke="#4F4F4F" strokeType="INSIDE" width="220.0" />
+      
+      
+                                    <Label text="[Category]">
                                        <font>
-                                          <Font name="System Bold" size="16.0" />
+                                          <Font name="System Bold" size="18.0" />
                                        </font>
                                     </Label>
-
                                  </children>
                               </StackPane>
+      
                            </children>
-                        </VBox>
-
-                        <!-- 3,2 % -->
-                        <VBox alignment="CENTER" spacing="12.0" GridPane.columnIndex="1">
+                           <columnConstraints>
+                              <ColumnConstraints />
+                           </columnConstraints>
+                        </GridPane>
+      
+                        <!-- TOP RIGHT IMAGE -->
+                        <StackPane prefHeight="210.0" prefWidth="420.0" style="-fx-background-color:#F5F5F5;" translateX="-70" GridPane.columnIndex="1" GridPane.rowIndex="0">
+      
                            <children>
-                              <Label text="Administrasjonsprosent">
-                                 <font>
-                                    <Font name="System Bold" size="16.0" />
-                                 </font>
-                              </Label>
-
-                              <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
-                                 <children>
-
-                                    <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                              <Rectangle arcHeight="25.0" arcWidth="25.0" fill="#F5F5F5" height="210.0" stroke="#8B8B8B" strokeType="INSIDE" width="420.0" />
+                              <ImageView fitHeight="150.0" fitWidth="220.0" pickOnBounds="true" preserveRatio="true">
+                                 <image>
+                                    <Image url="@../images/leggTilBilde.jpg" />
+                                 </image>
+                              </ImageView>
+                           </children>
+                        </StackPane>
+      
+      
+                        <!-- SUMMARY -->
+                        <StackPane alignment="CENTER" translateX="-20" translateY="60" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="1">
+      
+                           <children>
+      
+                              <!-- Kort-bakgrunn -->
+                              <Rectangle arcHeight="30.0" arcWidth="30.0" fill="#F5F5F5" height="300.0" stroke="#8B8B8B" strokeType="INSIDE" width="700.0">
+                                 <effect>
+                                    <DropShadow offsetY="3.0" radius="8.0">
+                                       <color>
+                                          <Color red="0.0" green="0.0" blue="0.0" opacity="0.2" />
+                                       </color>
+                                    </DropShadow>
+                                 </effect>
+                              </Rectangle>
+      
+                              <!-- Ekte scrollbart innhold -->
+                              <ScrollPane fitToWidth="true" hbarPolicy="NEVER" maxHeight="260.0" maxWidth="650.0" minHeight="260.0" minWidth="650.0" pannable="true" prefHeight="260.0" prefWidth="650.0" style="-fx-background-color: transparent; -fx-background: transparent;" vbarPolicy="ALWAYS">
+      
+                                 <content>
+                                    <VBox fillWidth="true" prefWidth="620.0" style="-fx-padding: 10;">
                                        <children>
-                                          <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
-
-                                          <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-11.52" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+      
+                                          <Label fx:id="CharityDescription" maxWidth="600.0" prefWidth="600.0" style="-fx-text-fill: black;" text="Summary about the charity.  Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen. Dette er en lengre testtekst for å sjekke at summary-feltet faktisk kan scrolle. Poenget er at teksten må bli høyere enn selve boksen." wrapText="true">
+                                             <font>
+                                                <Font size="16.0" />
+                                             </font>
+                                          </Label>
+      
                                        </children>
-                                    </Pane>
-
-                                    <Label text="3,2%" StackPane.alignment="CENTER">
+                                    </VBox>
+                                 </content>
+                              </ScrollPane>
+      
+                           </children>
+                        </StackPane>
+                        <!-- STATS -->
+                        <GridPane hgap="30.0" style="-fx-padding: 80 0 0 0;" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.rowIndex="2">
+      
+                           <columnConstraints>
+                              <ColumnConstraints percentWidth="33.33" />
+                              <ColumnConstraints percentWidth="33.33" />
+                              <ColumnConstraints percentWidth="33.33" />
+                           </columnConstraints>
+      
+                           <children>
+      
+                              <!-- 97,4 % -->
+                              <VBox alignment="CENTER" spacing="12.0" GridPane.columnIndex="0">
+                                 <children>
+                                    <Label text="Innsamlingsprosent">
                                        <font>
                                           <Font name="System Bold" size="16.0" />
                                        </font>
                                     </Label>
-
+      
+                                    <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                                       <children>
+      
+                                          <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                                             <children>
+                                                <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
+      
+                                                <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-350.64" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+                                             </children>
+                                          </Pane>
+      
+                                          <Label text="97,4%" StackPane.alignment="CENTER">
+                                             <font>
+                                                <Font name="System Bold" size="16.0" />
+                                             </font>
+                                          </Label>
+      
+                                       </children>
+                                    </StackPane>
                                  </children>
-                              </StackPane>
-                           </children>
-                        </VBox>
-
-                        <!-- 93,3 % -->
-                        <VBox alignment="CENTER" spacing="12.0" GridPane.columnIndex="2">
-                           <children>
-                              <Label text="Formålsprosent">
-                                 <font>
-                                    <Font name="System Bold" size="16.0" />
-                                 </font>
-                              </Label>
-
-                              <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                              </VBox>
+      
+                              <!-- 3,2 % -->
+                              <VBox alignment="CENTER" spacing="12.0" GridPane.columnIndex="1">
                                  <children>
-
-                                    <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                                    <Label text="Administrasjonsprosent">
+                                       <font>
+                                          <Font name="System Bold" size="16.0" />
+                                       </font>
+                                    </Label>
+      
+                                    <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
                                        <children>
-                                          <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
-
-                                          <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-335.88" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+      
+                                          <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                                             <children>
+                                                <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
+      
+                                                <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-11.52" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+                                             </children>
+                                          </Pane>
+      
+                                          <Label text="3,2%" StackPane.alignment="CENTER">
+                                             <font>
+                                                <Font name="System Bold" size="16.0" />
+                                             </font>
+                                          </Label>
+      
                                        </children>
-                                    </Pane>
-
-                                    <Label text="93,3%" StackPane.alignment="CENTER">
+                                    </StackPane>
+                                 </children>
+                              </VBox>
+      
+                              <!-- 93,3 % -->
+                              <VBox alignment="CENTER" spacing="12.0" GridPane.columnIndex="2">
+                                 <children>
+                                    <Label text="Formålsprosent">
                                        <font>
                                           <Font name="System Bold" size="16.0" />
                                        </font>
                                     </Label>
-
+      
+                                    <StackPane alignment="CENTER" maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                                       <children>
+      
+                                          <Pane maxHeight="100.0" maxWidth="100.0" minHeight="100.0" minWidth="100.0" prefHeight="100.0" prefWidth="100.0">
+                                             <children>
+                                                <Circle centerX="50.0" centerY="50.0" fill="TRANSPARENT" radius="38.0" stroke="#F1DADA" strokeWidth="8.0" />
+      
+                                                <Arc centerX="50.0" centerY="50.0" fill="TRANSPARENT" length="-335.88" radiusX="38.0" radiusY="38.0" startAngle="90.0" stroke="#D83A32" strokeLineCap="BUTT" strokeWidth="8.0" type="OPEN" />
+                                             </children>
+                                          </Pane>
+      
+                                          <Label text="93,3%" StackPane.alignment="CENTER">
+                                             <font>
+                                                <Font name="System Bold" size="16.0" />
+                                             </font>
+                                          </Label>
+      
+                                       </children>
+                                    </StackPane>
                                  </children>
-                              </StackPane>
+                              </VBox>
+      
                            </children>
-                        </VBox>
-
+                           <rowConstraints>
+                              <RowConstraints />
+                           </rowConstraints>
+                        </GridPane>
+      
                      </children>
-                     <rowConstraints>
-                        <RowConstraints />
-                     </rowConstraints>
                   </GridPane>
-
+      
                </children>
             </GridPane>
-
-         </children>
-      </GridPane>
+         </content>
+      </ScrollPane>
 
       <!-- FOOTER -->
       <HBox alignment="BOTTOM_CENTER" prefHeight="180.0" prefWidth="1200.0" style="-fx-background-color: #5F9895;" GridPane.columnIndex="0" GridPane.rowIndex="2">