From 3848baddb662dcbfba2aff7f45afc747bdd0976d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marco=20K=C3=BChn?= <marco.kuehn@edu.bib.de>
Date: Mon, 24 Jan 2022 14:11:34 +0100
Subject: [PATCH] Updated ui

---
 .../src/main/resources/main/option-view.css   | 20 +++++---------
 .../src/main/resources/main/option-view.fxml  | 27 ++++++++++++-------
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/client/app/src/main/resources/main/option-view.css b/client/app/src/main/resources/main/option-view.css
index be03557..291a5d3 100644
--- a/client/app/src/main/resources/main/option-view.css
+++ b/client/app/src/main/resources/main/option-view.css
@@ -13,8 +13,8 @@ GridPane{
 
 Label{
     -fx-text-fill: white;
-    -fx-max-width: 150px;
-    -fx-min-width: 150px;
+    -fx-max-width: 200px;
+    -fx-min-width: 200px;
 }
 
 .mainLabel{
@@ -26,11 +26,6 @@ Label{
     -fx-alignment: center;
 }
 
-.inputField{
-    -fx-padding: 10px;
-    -fx-background-color: white;
-}
-
 .mainButton{
     -fx-font-weight: bold;
     -fx-background-color: white;
@@ -51,14 +46,13 @@ JFXButton{
     -fx-font-size: 16px;
 }
 
-.inputDate{
-    -fx-background-color: white;
-}
-
 .comboBox{
     -fx-background-color: white;
+    -fx-max-width: 200px;
+    -fx-min-width: 200px;
 }
 
-.timePicker{
-    -fx-background-color: white;
+.userBtn{
+    -fx-max-width: 200px;
+    -fx-min-width: 200px;
 }
\ No newline at end of file
diff --git a/client/app/src/main/resources/main/option-view.fxml b/client/app/src/main/resources/main/option-view.fxml
index eba5db6..86fcae3 100644
--- a/client/app/src/main/resources/main/option-view.fxml
+++ b/client/app/src/main/resources/main/option-view.fxml
@@ -14,7 +14,7 @@
     <columnConstraints>
         <ColumnConstraints minWidth="100"/>
         <ColumnConstraints minWidth="100"/>
-        <ColumnConstraints minWidth="100"/>
+        <ColumnConstraints minWidth="200"/>
         <ColumnConstraints minWidth="100"/>
         <ColumnConstraints minWidth="100"/>
     </columnConstraints>
@@ -27,28 +27,35 @@
         <RowConstraints vgrow="ALWAYS" />
         <RowConstraints vgrow="ALWAYS" />
         <RowConstraints vgrow="ALWAYS" />
+        <RowConstraints vgrow="ALWAYS" />
+        <RowConstraints vgrow="ALWAYS" />
     </rowConstraints>
 
     <Label styleClass="mainLabel" GridPane.columnIndex="2" GridPane.halignment="CENTER" >Einstellungen</Label>
 
-    <Label GridPane.columnIndex="1" GridPane.rowIndex="1" GridPane.halignment="CENTER">User:</Label>
-    <JFXComboBox fx:id="userCmb" GridPane.columnIndex="2" GridPane.rowIndex="1">
+    <Label GridPane.columnIndex="1" GridPane.rowIndex="2" GridPane.halignment="CENTER">User:</Label>
+    <JFXComboBox styleClass="comboBox" fx:id="userCmb" GridPane.columnIndex="2" GridPane.rowIndex="2">
         <items>
             <FXCollections fx:factory="observableArrayList">
+                <String fx:value="alex"/>
                 <String fx:value="marc"/>
                 <String fx:value="marco"/>
             </FXCollections>
         </items>
     </JFXComboBox>
 
-    <JFXButton fx:id="updateUserBtn" GridPane.columnIndex="1" GridPane.columnSpan="3" GridPane.rowIndex="2" GridPane.halignment="CENTER" onAction="#onUpdateBtnClick">User bearbeiten</JFXButton>
-    <JFXButton fx:id="deleteUserBtn" GridPane.columnIndex="1" GridPane.columnSpan="3" GridPane.rowIndex="3" GridPane.halignment="CENTER" onAction="#onDeleteBtnClick">User löschen</JFXButton>
-    <JFXButton fx:id="createUserBtn" GridPane.columnIndex="1" GridPane.columnSpan="3" GridPane.rowIndex="4" GridPane.halignment="CENTER" onAction="#onCreateBtnClick">User anlegen</JFXButton>
+    <JFXButton styleClass="userBtn" fx:id="updateUserBtn" GridPane.columnIndex="1" GridPane.columnSpan="3"
+               GridPane.rowIndex="4" GridPane.halignment="CENTER" onAction="#onUpdateBtnClick">User bearbeiten</JFXButton>
+    <JFXButton styleClass="userBtn" fx:id="deleteUserBtn" GridPane.columnIndex="1" GridPane.columnSpan="3"
+               GridPane.rowIndex="5" GridPane.halignment="CENTER" onAction="#onDeleteBtnClick">User löschen</JFXButton>
+    <JFXButton styleClass="userBtn" fx:id="createUserBtn" GridPane.columnIndex="1" GridPane.columnSpan="3"
+               GridPane.rowIndex="7" GridPane.halignment="CENTER" onAction="#onCreateBtnClick">User anlegen</JFXButton>
 
-    <Label GridPane.columnIndex="1" GridPane.rowIndex="5" GridPane.halignment="CENTER">Angemeldet bleiben:</Label>
-    <JFXToggleButton fx:id="saveLoginTBtn" GridPane.columnIndex="3" GridPane.rowIndex="5"/>
+    <Label styleClass="loginLbl" GridPane.columnIndex="1" GridPane.rowIndex="8"
+           GridPane.halignment="CENTER">Angemeldet bleiben:</Label>
+    <JFXToggleButton fx:id="saveLoginTBtn" GridPane.columnIndex="3" GridPane.rowIndex="8"/>
 
-    <Label fx:id="labelError" styleClass="errorMessage" GridPane.columnIndex="1" GridPane.rowIndex="6"/>
-    <JFXButton GridPane.columnIndex="4" GridPane.rowIndex="7" onAction="#onBackBtnClick">Zurück</JFXButton>
+    <Label fx:id="labelError" styleClass="errorMessage" GridPane.columnIndex="1" GridPane.rowIndex="9"/>
+    <JFXButton GridPane.columnIndex="4" GridPane.rowIndex="9" onAction="#onBackBtnClick">Zurück</JFXButton>
 
 </GridPane>