Warehouse project/fix

public/js/pages/WorkorderMphCompany/WorkorderMphCompany.js

@@ -38,9 +38,9 @@ Vue.component('workorder-mph-company', {
           </template>
 
           <template v-slot:expandedRow="{ row }">
-            <div class="row">
+            <div class="workorder-mph-expanded-wrapper">
               <!-- Action Buttons -->
-              <div class="col-12 mb-3" v-if="!['completed', 'cancelled', 'documented'].includes(row.status)">
+              <div class="mb-3" v-if="!['completed', 'cancelled', 'documented'].includes(row.status)">
                 <div class="btn-group" role="group">
                   <tt-button v-if="row.status === 'assigned'" text="Termin planen"
                              @click="editingAppointmentId = row.id" icon="fas fa-calendar-plus"
@@ -56,21 +56,18 @@ Vue.component('workorder-mph-company', {
                 </div>
               </div>
 
-              <!-- Wohneinheit Manager -->
-              <div class="col-12">
-                <wohneinheit-status-manager :workorder-mph-id="parseInt(row.id)" :is-admin="false"
-                                            @wohneinheit-updated="checkAllWohneinheitenHaveNotes(row.id)"/>
-              </div>
-
-              <!-- Checkbox Documentation -->
-              <div class="col-12 mt-3">
-                <checkbox-documentation :workorder-mph-id="parseInt(row.id)" :is-admin="false"/>
-              </div>
-
-              <!-- Details Manager (Docs & Journal) -->
-              <div class="col-12 mt-3">
-                <workorder-mph-details-manager :workorder-mph-id="row.id" :is-admin="false"
-                                               @workorder-completed="$refs.table.$refs.table.refreshTable()"/>
+              <div class="row g-3">
+                <div class="col-xl-4 col-lg-6">
+                  <checkbox-documentation :workorder-mph-id="parseInt(row.id)" :is-admin="false"/>
+                </div>
+                <div class="col-xl-8 col-lg-6">
+                  <workorder-mph-details-manager :workorder-mph-id="row.id" :is-admin="false"
+                                                 @workorder-completed="$refs.table.$refs.table.refreshTable()"/>
+                </div>
+                <div class="col-12">
+                  <wohneinheit-status-manager :workorder-mph-id="parseInt(row.id)" :is-admin="false"
+                                              @wohneinheit-updated="checkAllWohneinheitenHaveNotes(row.id)"/>
+                </div>
               </div>
             </div>
           </template>