external el in edit

front/assets/main.scss

@@ -40,12 +40,12 @@
     }
 
     dl {
-        // @apply grid grid-cols-4;
+        @apply grid grid-cols-12;
         dt {
-            // @apply col-span-1
+            @apply col-span-full
         }
         dd {
-            @apply mb-2
+            @apply mb-2 col-span-full col-start-2
             
         }
 

front/components/edit.vue

@@ -183,11 +183,8 @@ onMounted(async () => {
             <h2>{{ external_data.partner?.find(el => el["Ref_Key"] == state.partner)?.Description }}</h2>
             <dl v-if="elements?.length">
                 <template v-for="item in elements">
-                    <dt>Название</dt>
-                    <dd>{{ getExternalElementName(item.external_id) }}</dd>
-                    <dt>ID</dt>
+                    <dt><Element :id="item.external_id"/></dt>
                     <dd>{{ item.element_id }}</dd>
-                    <dt>Дополнительные сведения</dt>
                     <dd>{{ item.additional_data }}</dd>
                 </template>
             </dl>