Refactor absolute to relative positioning, remove inline styles [#28618]

1 files changed, 18 insertions, 26 deletions

diff --git a/src/main/resources/fxml/manageEmployees.fxml b/src/main/resources/fxml/manageEmployees.fxml
index 8607396..4a7312f 100644
--- a/src/main/resources/fxml/manageEmployees.fxml
+++ b/src/main/resources/fxml/manageEmployees.fxml
@@ -1,49 +1,41 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.Insets?>
 <?import javafx.scene.control.Hyperlink?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.layout.AnchorPane?>
-<?import javafx.scene.text.Font?>
 <AnchorPane fx:id="listEmployeesAP" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity"
-  minWidth="-Infinity" prefHeight="536.0" prefWidth="720.0" style="-fx-background-color: #EFEBE8;"
+  minWidth="-Infinity" prefHeight="536.0" prefWidth="702.0" style="-fx-background-color: #EFEBE8;"
   visible="false" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1"
   fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.controller.ManageEmployeesController">
   <children>
-    <AnchorPane prefHeight="118.0" prefWidth="720.0" style="-fx-background-color: #C55A11;"
-      AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
+    <AnchorPane prefHeight="120.0"
+      styleClass="bg-dark-orange"
+      AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
       <children>
-        <Label layoutX="39.0" layoutY="23.0" text="Personen" textFill="WHITE">
-          <font>
-            <Font name="Calibri Bold" size="22.0"/>
-          </font>
+        <Label text="Personen" textFill="WHITE"
+          AnchorPane.leftAnchor="25.0" AnchorPane.topAnchor="20.0"
+          styleClass="text-bold, text-big">
         </Label>
-        <Hyperlink layoutX="702.0" layoutY="15.0" onAction="#backToMain" prefHeight="42.0"
-          prefWidth="86.0" text="Zurück" textFill="WHITE" AnchorPane.rightAnchor="0.0">
-          <font>
-            <Font name="System Bold" size="16.0"/>
-          </font>
+        <Hyperlink onAction="#backToMain" text="Zurück"
+          textFill="WHITE" AnchorPane.rightAnchor="25.0" AnchorPane.topAnchor="20.0"
+          styleClass="text-big, text-bold">
         </Hyperlink>
       </children>
-      <padding>
-        <Insets right="10.0"/>
-      </padding>
     </AnchorPane>
-    <AnchorPane layoutX="37.0" layoutY="60.0" maxHeight="-Infinity" maxWidth="-Infinity"
-      minHeight="-Infinity" minWidth="-Infinity" prefHeight="460.0" prefWidth="662.0">
+    <AnchorPane AnchorPane.bottomAnchor="0.0"
+      AnchorPane.leftAnchor="20.0" AnchorPane.rightAnchor="20.0" AnchorPane.topAnchor="60.0">
       <children>
-        <ScrollPane hbarPolicy="NEVER" layoutY="92.0" maxHeight="-Infinity" maxWidth="-Infinity"
-          minHeight="-Infinity" minWidth="-Infinity" prefHeight="366.0" prefWidth="662.0"
-          vbarPolicy="NEVER" AnchorPane.topAnchor="86.0">
+        <ScrollPane fitToHeight="true" fitToWidth="true" hbarPolicy="NEVER" vbarPolicy="NEVER"
+          AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
+          AnchorPane.topAnchor="86.0">
           <content>
             <fx:include fx:id="employeeList" source="employeeList.fxml"/>
           </content>
         </ScrollPane>
-        <AnchorPane fx:id="containerHeader" maxHeight="-Infinity" maxWidth="-Infinity"
-          minHeight="-Infinity" minWidth="-Infinity" prefHeight="86.0" prefWidth="652.0"
-          style="-fx-background-color: white; -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 10, 0, 0, 5);"
-          AnchorPane.leftAnchor="5.0" AnchorPane.rightAnchor="5.0" AnchorPane.topAnchor="0.0"/>
+        <AnchorPane fx:id="containerHeader"
+          minHeight="80.0" styleClass="shadowed" AnchorPane.leftAnchor="5.0"
+          AnchorPane.rightAnchor="5.0" AnchorPane.topAnchor="0.0"/>
       </children>
     </AnchorPane>
   </children>