From 06a6913ab6342bae91c9aca9315e9c993465b6e1 Mon Sep 17 00:00:00 2001
From: Andrew Kostka <andrew.kostka@wikimedia.de>
Date: Mon, 9 Dec 2024 16:43:55 +0100
Subject: [PATCH] Fix styling of info button in entity import card (#931)

---
 .../Pages/ManageWiki/Cards/EntityImport.vue   | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/Pages/ManageWiki/Cards/EntityImport.vue b/src/components/Pages/ManageWiki/Cards/EntityImport.vue
index 06a3409e..b7b7b8a9 100644
--- a/src/components/Pages/ManageWiki/Cards/EntityImport.vue
+++ b/src/components/Pages/ManageWiki/Cards/EntityImport.vue
@@ -42,11 +42,10 @@
       </v-dialog>
     </v-overlay>
     <v-card>
-      <v-card-title>
-        Import base entities
-        <v-spacer />
-        <v-btn plain right @click="showOverlay = true">
-          <v-icon>
+      <v-card-title class="card-title">
+        <span>Import base entities</span>
+        <v-btn class="info-btn" x-small text @click="showOverlay = true">
+          <v-icon small>
             mdi-information-outline
           </v-icon>
             More info
@@ -119,4 +118,15 @@ export default {
 </script>
 
 <style lang="css" scoped>
+.card-title {
+  display: flex;
+  flex-wrap: wrap-reverse;
+  gap: 0 24px;
+}
+.card-title > span {
+  flex-grow: 1;
+}
+.info-btn .v-icon {
+  margin-right: 4px;
+}
 </style>