From 396bdfc36eff915c7ac32eb4ecf84ec715da5b57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Fri, 25 Oct 2024 16:33:47 +0200
Subject: [PATCH] Fix inline record editing alignment

---
 .../compose/src/components/PageBlocks/RecordListBase.vue    | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/client/web/compose/src/components/PageBlocks/RecordListBase.vue b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
index f5567c0f6..4d73a5b79 100644
--- a/client/web/compose/src/components/PageBlocks/RecordListBase.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordListBase.vue
@@ -473,9 +473,7 @@
                     :namespace="namespace"
                     :extra-options="options"
                   />
-                  <div
-                    class="inline-actions"
-                  >
+                  <div class="d-flex flex-nowrap align-items-start inline-actions">
                     <b-button
                       v-if="options.inlineRecordEditEnabled && field.canEdit && !showingDeletedRecords"
                       v-b-tooltip.noninteractive.hover="{ title: $t('recordList.inlineEdit.button.title'), container: '#body' }"
@@ -2318,11 +2316,9 @@ tr:hover td.actions {
 }
 
 .inline-actions {
-  min-width: 30px;
   margin-top: -2px;
   opacity: 0;
   transition: opacity 0.25s;
-  display: flex;
 }
 
 td:hover .inline-actions {