closes #8 : price per piece displayed on list, order and edit pages

PizzaBot/Components/Pages/PizzaOrder.razor

@@ -27,7 +27,8 @@
         <ValidationMessage For="() => Order.Name" />
     </div>
     <label for="PiecesGroup" style="margin-top: 1em;">Pieces</label>
-    <span style="font-size: 0.7em;">One slice = ca. @GlobalStuffService.GetSizeOfSliceInCM2().ToString("F0") cm<sup>2</sup></span>
+    <span style="font-size: 0.6em; color: gray;">One slice = ca. @GlobalStuffService.GetSizeOfSliceInCM2().ToString("F0") cm<sup>2</sup></span>
+    <PricePerPieceDisplay />
     <div class="row" id="PiecesGroup">
         <div class="form-group col">
             <label for="meatPieces">🍖</label>
@@ -49,7 +50,8 @@
         <label for="priorityMeat" style="text-align:center;"> Priority </label>
         <p style="text-align:center; font-size: 0.8em; margin: 0;">
             The balancing algorithm tries to avoid changes of the corresponding Variable <br />
-            <i style="font-size: 0.8em;">E.g. If you want to only get pieces from your chosen category put the slider all the way to the left</i></p>
+            <i style="font-size: 0.8em;">E.g. If you want to only get pieces from your chosen category put the slider all the way to the left</i>
+        </p>
 
         <div class="priority-slider-container">
             <div> Category </div>

PizzaBot/Components/Pages/PizzaOrderEdit.razor

@@ -22,7 +22,8 @@
         @Order.Name
     </h3>
     <label for="PiecesGroup" style="margin-top: 1em;">Pieces</label>
-    <span style="font-size: 0.7em;">One slice = ca. @GlobalStuffService.GetSizeOfSliceInCM2().ToString("F0") cm<sup>2</sup></span>
+    <span style="font-size: 0.6em; color: gray;">One slice = ca. @GlobalStuffService.GetSizeOfSliceInCM2().ToString("F0") cm<sup>2</sup></span>
+    <PricePerPieceDisplay />
     <div class="row" id="PiecesGroup">
         <div class="form-group col">
             <label for="meatPieces">🍖</label>

PizzaBot/Components/Pages/PizzaOrderList.razor

@@ -10,7 +10,10 @@
 <PageTitle>Pizza List</PageTitle>
 
 <div style="display: flex; ">
+    <div style="display: flex; flex-direction:column;">
     <TotalPizzasDisplay />
+    <PricePerPieceDisplay />
+    </div>
     <div style ="display: flex; flex-direction:column; margin-left:auto; align-items:flex-end;">
         <OrderButton />
         <HelpButton />