unified how ingredients are displayed

src/main/java/mi/hdm/components/IngredientLabel.java

 package mi.hdm.components;
 
+import javafx.scene.control.Label;
 import javafx.scene.layout.HBox;
 import javafx.scene.text.Text;
 import mi.hdm.recipes.RecipeComponent;
@@ -13,7 +14,7 @@ public class IngredientLabel extends HBox {
         this.amount = amount;
         this.component = component;
 
-        Text labelAmount = new Text(amount + " " + component.getMeasurement());
+        Text labelAmount = new Text(amount + "    " + component.getMeasurement().getAbbreviation());
         Text labelName = new Text(component.getName());
 
         getChildren().addAll(labelAmount, labelName);

src/main/java/mi/hdm/components/SelectedIngredientLabel.java

@@ -35,9 +35,10 @@ public class SelectedIngredientLabel extends HBox {
         amountTextField = new TextField(amount.toString());
         amountTextField.setOnAction(e -> validateAmountInput());
         amountTextField.setPrefWidth(75.0);
-        Label componentNameLabel = new Label(component.getName());
+        Label measurement = new Label(component.getMeasurement().getAbbreviation());
+        Label componentNameLabel = new Label("|   " + component.getName());
 
-        getChildren().addAll(amountTextField, componentNameLabel);
+        getChildren().addAll(amountTextField, measurement, componentNameLabel);
 
         setAlignment(Pos.BASELINE_LEFT);
         setSpacing(5.0);

src/main/java/mi/hdm/controllers/RecipeViewController.java

@@ -78,6 +78,7 @@ public class RecipeViewController extends BaseController {
         recipeImage.setImage(image);
         recipeImage.setPreserveRatio(true);
         //TODO: for some images (f.ex. Tasty_Pages_Arrow_back.png) the image is larger than the image view
+
     }