From 9dbe3b83616e98dc5b2d00a07caad46be386f403 Mon Sep 17 00:00:00 2001
From: Andrej <andrej@scinote.net>
Date: Tue, 14 Jan 2025 11:31:47 +0100
Subject: [PATCH] Fix step title alignment and form dropdown for long option
 names [SCI-11447]

---
 app/javascript/vue/forms/field.vue                            | 2 +-
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue     | 2 +-
 app/javascript/vue/shared/inline_edit.vue                     | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/javascript/vue/forms/field.vue b/app/javascript/vue/forms/field.vue
index 51738e231..82b54c176 100644
--- a/app/javascript/vue/forms/field.vue
+++ b/app/javascript/vue/forms/field.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="p-4 rounded bg-white text-sm grid grid-cols-[auto_170px]">
+<div class="p-4 rounded bg-white text-sm grid grid-cols-[minmax(0,1fr)_170px]">
   <div>
     <div class="font-bold">
       {{ field.attributes.name }}
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 696b2daea..100897646 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -22,7 +22,7 @@
             <i id="close-icon" data-e2e="e2e-BT-itemCard-close" @click="toggleShowHideSidebar(null)"
               class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
           </div>
-          <div id="divider" class="bg-sn-light-grey flex items-center self-stretch h-px mt-6 mr-6"></div>
+          <div id="divider" class="bg-sn-light-grey flex items-center self-stretch h-px mt-5 mr-6"></div>
         </div>
 
         <div ref="bodyWrapper" id="body-wrapper" class="overflow-y-auto overflow-x-hidden h-[calc(100%-78px)] pt-6 ">
diff --git a/app/javascript/vue/shared/inline_edit.vue b/app/javascript/vue/shared/inline_edit.vue
index 0d2394192..e689037c1 100644
--- a/app/javascript/vue/shared/inline_edit.vue
+++ b/app/javascript/vue/shared/inline_edit.vue
@@ -43,8 +43,8 @@
       :data-e2e="`e2e-TX-${dataE2e}`"
       @click="enableEdit($event)"
     >
-      <span :class="{'truncate': singleLine }" class="py-1" :title="sa_value || placeholder" v-if="smartAnnotation" v-html="sa_value || placeholder" ></span>
-      <span :class="{'truncate': singleLine}" class="py-1" :title="newValue || placeholder" v-else>{{newValue || placeholder}}</span>
+      <span :class="{'truncate py-1': singleLine }" :title="sa_value || placeholder" v-if="smartAnnotation" v-html="sa_value || placeholder" ></span>
+      <span :class="{'truncate py-1': singleLine}" :title="newValue || placeholder" v-else>{{newValue || placeholder}}</span>
     </div>
 
     <div