From 9b26ffd8c9fa758c0dfeca1aac427e32c69809ab Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Fri, 6 Jun 2025 08:10:55 +0200
Subject: [PATCH] Info modal fixes

- fixes modal not appearing on help icon click
- uses button to make icon part of keyboard navigation
---
 .../frontend/settings/pages/Storage/RequestForm.vue         | 6 +++++-
 .../contentcuration/frontend/shared/views/InfoModal.vue     | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/settings/pages/Storage/RequestForm.vue b/contentcuration/contentcuration/frontend/settings/pages/Storage/RequestForm.vue
index aaed431916..548a79688e 100644
--- a/contentcuration/contentcuration/frontend/settings/pages/Storage/RequestForm.vue
+++ b/contentcuration/contentcuration/frontend/settings/pages/Storage/RequestForm.vue
@@ -63,7 +63,11 @@
     <!-- Who can use content -->
     <h3>
       {{ $tr('whoCanUseContentLabel') }}
-      <InfoModal :header="$tr('licenseInfoHeader')" :items="licenseOptions">
+      <InfoModal
+        :header="$tr('licenseInfoHeader')"
+        :items="licenseOptions"
+        :style="{ position: 'relative', top: '5px' }"
+      >
         <template #header="{ item }">
           {{ translateConstant(item.license_name) }}
         </template>
diff --git a/contentcuration/contentcuration/frontend/shared/views/InfoModal.vue b/contentcuration/contentcuration/frontend/shared/views/InfoModal.vue
index e283a104af..f4f83c915a 100644
--- a/contentcuration/contentcuration/frontend/shared/views/InfoModal.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/InfoModal.vue
@@ -1,8 +1,9 @@
 <template>
 
   <div :style="{ display: 'inline' }">
-    <Icon
+    <KIconButton
       icon="help"
+      size="mini"
       :color="$themeTokens.primary"
       data-test="info-icon"
       @click="displayDialog = !displayDialog"