From 2eb01ec39780e5e1564114d22039f7defa4565ed Mon Sep 17 00:00:00 2001
From: Andrew Kostka <andrew.kostka@wikimedia.de>
Date: Tue, 19 Nov 2024 15:23:01 +0000
Subject: [PATCH 1/2] Fix styling of entity import info button

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

diff --git a/src/components/Pages/ManageWiki/Cards/EntityImport.vue b/src/components/Pages/ManageWiki/Cards/EntityImport.vue
index 06a3409e..18dfc5d0 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 plain @click="showOverlay = true">
+          <v-icon small>
             mdi-information-outline
           </v-icon>
             More info
@@ -119,4 +118,19 @@ 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 {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.info-btn .v-icon {
+  margin-right: 4px;
+}
 </style>

From b2ecafb29bbe574672a86f265e809f3ad320d804 Mon Sep 17 00:00:00 2001
From: Andrew Kostka <andrew.kostka@wikimedia.de>
Date: Wed, 27 Nov 2024 13:18:57 +0000
Subject: [PATCH 2/2] Update button styling

---
 src/components/Pages/ManageWiki/Cards/EntityImport.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/Pages/ManageWiki/Cards/EntityImport.vue b/src/components/Pages/ManageWiki/Cards/EntityImport.vue
index 18dfc5d0..b7b7b8a9 100644
--- a/src/components/Pages/ManageWiki/Cards/EntityImport.vue
+++ b/src/components/Pages/ManageWiki/Cards/EntityImport.vue
@@ -44,7 +44,7 @@
     <v-card>
       <v-card-title class="card-title">
         <span>Import base entities</span>
-        <v-btn class="info-btn" x-small plain @click="showOverlay = true">
+        <v-btn class="info-btn" x-small text @click="showOverlay = true">
           <v-icon small>
             mdi-information-outline
           </v-icon>
@@ -126,10 +126,6 @@ export default {
 .card-title > span {
   flex-grow: 1;
 }
-.info-btn {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
 .info-btn .v-icon {
   margin-right: 4px;
 }