Fix deal

src/components/deal/DealModal.vue

@@ -381,15 +381,7 @@
 
 
       <template v-if="isEditing">
-        <h3>Составить договор</h3>
+        <h3>Договора</h3>
-        <div class="flex w-full flex-wrap">
-          <div class="w-full sm:w-1/2 md:w-1/3 cols-4-lg p-2">
-            <button @click="openModalDealContract" class="w-full h-full p-5 rounded flex flex-col items-center justify-center add-contract-button">
-              <img src="@/shared/assets/icons/plus-green.svg" alt="Составить договор">
-              <p>Составить договор</p>
-            </button>
-          </div>
-        </div>
         <div class="flex w-full flex-wrap">
           <InnerDocCard
               v-for="innerDoc in deal.inner_docs"
@@ -398,6 +390,12 @@
               @remove="removeInnerDoc"
               class="w-full sm:w-1/2 md:w-1/3 cols-4-lg p-2"
           />
+          <div class="w-full sm:w-1/2 md:w-1/3 cols-4-lg p-2" style="max-height: 120px;">
+            <button @click="openModalDealContract" class="w-full h-full p-4 rounded flex flex-col items-center justify-center add-deal-doc-button">
+              <img src="@/shared/assets/icons/plus-green.svg" alt="Добавить договор" class="w-6 h-6">
+              <p>Добавить договор</p>
+            </button>
+          </div>
         </div>
       </template>
 

src/components/deal/addEdit/EmployeeCard.vue

@@ -51,7 +51,8 @@ export default {
     getRoleName(employee) {
       if (employee.id === employee.company_id) return 'Агентство';
       if (employee.manager == 1) return 'Менеджер';
-      return employee.role ? employee.role.name : 'Агент';
+      if (employee.role) return typeof employee.role === 'object' ? employee.role.name : employee.role;
+      return 'Агент';
     },
     getInitials(employee) {
       const last = (employee.last_name || '').charAt(0);