#1167 UpdateStyling for long Vorgang-ID + Add Format Icon

apps/sales/src/app/modules/shelf/components/order-item-details/order-item-details.component.html

@@ -21,9 +21,12 @@
       <h4 class="isa-mb-6 isa-mt-12">Bestellung</h4>
       <div class="detail">
         <div class="name">Format</div>
-        <div class="value">
-          {{ orderItemListItem?.product?.format }}
-          {{ orderItemListItem?.product?.formatDetail }}
+        <div class="value isa-flex isa-justify-content-center">
+          <lib-icon
+            class="isa-mr-5 isa-mt-1"
+            name="Icon_{{ orderItemListItem?.product?.format }}"
+          ></lib-icon>
+          <span>{{ orderItemListItem?.product?.formatDetail }}</span>
         </div>
       </div>
       <div class="detail">

apps/sales/src/app/modules/shelf/components/order-item-details/order-item-details.component.scss

@@ -33,6 +33,10 @@
     width: 130px;
   }
 
+  .value {
+    max-height: $font-line-height;
+  }
+
   .value,
   .btn-quantity {
     font-weight: $font-weight-bold;