From d57bb45ce3489dfb82ba05ca70ad420d02888de2 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@openfifth.co.uk>
Date: Wed, 22 Oct 2025 09:39:33 +0000
Subject: [PATCH] Bug 39320: (QA follow-up): Style new ERMCounts list

Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
---
 .../ModuleDashboard/Widgets/ERMCounts.vue     | 25 ++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/Widgets/ERMCounts.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/Widgets/ERMCounts.vue
index cbbe94e4b5..d69e08d97c 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/Widgets/ERMCounts.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/Widgets/ERMCounts.vue
@@ -1,7 +1,7 @@
 <template>
     <WidgetWrapper v-bind="widgetWrapperProps">
         <template #default>
-            <ul>
+            <ul class="count-list">
                 <li v-for="def in countDefinitions" :key="def.name">
                     <strong>
                         <router-link v-if="def.page" :to="{ name: def.page }">
@@ -132,3 +132,26 @@ export default {
     },
 };
 </script>
+<style scoped>
+.count-list {
+    list-style: none;
+    padding: 0;
+    display: flex;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+}
+.count-list li {
+    background: #eee;
+    padding: 0.3em 0.8em;
+    border-radius: 12px;
+}
+.inactive-link {
+    color: #888;
+}
+.count-list a {
+    text-decoration: none;
+}
+.count-list a:hover {
+    text-decoration: underline;
+}
+</style>