#1084 Center Format Detail Icon

apps/sales/src/app/modules/shelf/components/search-result-group/search-result-group-item.component.html

@@ -58,7 +58,7 @@
         class="isa-mr-9"
         name="Icon_{{ item.product.format }}"
       ></lib-icon>
-      <strong>{{ item.product.formatDetail }}</strong>
+      <strong class="item-type-text">{{ item.product.formatDetail }}</strong>
     </div>
     <ng-container [ngSwitch]="item.processingStatus">
       <div class="order-date spec" *ngSwitchCase="256">

apps/sales/src/app/modules/shelf/components/search-result-group/search-result-group-item.component.scss

@@ -36,9 +36,6 @@
   display: flex;
   justify-content: space-between;
 
-  .product-name {
-  }
-
   .processing-status {
     color: #557596;
     display: flex;
@@ -62,6 +59,13 @@
 
 .item-type {
   grid-area: item-type;
+  position: relative;
+
+  .item-type-text {
+    // For Centering Text while maintaining full wrap
+    position: relative;
+    top: -3px;
+  }
 }
 
 .order-date {
@@ -90,9 +94,6 @@
   *:nth-child(1) {
     width: 150px;
   }
-
-  // *:nth-child(2) {
-  // }
 }
 
 .paid {