Merge remote-tracking branch 'origin/master'

ui/src/pages/ProductionProductCostingHasCostDetail.vue

@@ -251,12 +251,12 @@
       >
         <div class="order-sub-header pcd-sub-header">
           <div class="sub-left">
-            {{ grp.sAciklama3 || 'TANIMSIZ' }}
+            <span class="pcd-sub-title">{{ grp.sAciklama3 || 'TANIMSIZ' }}</span>
+            <span v-if="normalizeGroupName(grp.sAciklama3) === 'FABRIC'" class="pcd-sub-mt-qty">
+              Toplam Miktar: {{ formatBarQuantity(resolveGroupQuantity(grp)) }} MT
+            </span>
           </div>
           <div class="sub-right pcd-sub-right-clickable" @click="toggleGroup(grp, gi)">
-            <span v-if="normalizeGroupName(grp.sAciklama3) === 'FABRIC'" class="pcd-sub-mt-qty">
-              Toplam Miktar: {{ formatBarQuantity(resolveGroupQuantity(grp)) }} MT |
-            </span>
             Grup Toplami TRY: {{ formatBarMoney(resolveGroupTRYTutar(grp)) }} | USD: {{ formatBarMoney(resolveGroupUSDTutar(grp)) }}
             <q-icon
               :name="isGroupOpen(grp, gi) ? 'expand_less' : 'expand_more'"
@@ -4681,6 +4681,16 @@ watch(
   justify-content: flex-end;
   flex-wrap: nowrap;
 }
+.pcd-sub-header .sub-left {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+.pcd-sub-title {
+  flex: 0 1 auto;
+  min-width: 0;
+}
 .pcd-sub-right-clickable {
   cursor: pointer;
   user-select: none;
@@ -4694,6 +4704,7 @@ watch(
   flex: 0 0 auto;
   white-space: nowrap;
   opacity: 0.9;
+  font-weight: 900;
 }
 
 .pcd-detail-table :deep(.q-table__middle) {