Fix groups selection widget on member form

[galette.git] / galette / templates / default / components / forms / groups.html.twig

diff --git a/galette/templates/default/components/forms/groups.html.twig b/galette/templates/default/components/forms/groups.html.twig
index 21f059846243c37b128a657dc1a2b9da03f7115f..6ed1424b9e37dacfab07c2870a87ac77a540eb75 100644 (file)
--- a/galette/templates/default/components/forms/groups.html.twig
+++ b/galette/templates/default/components/forms/groups.html.twig
@@ -27,11 +27,12 @@
     <div class="ui large labels">
         {% for group in groups %}
             {% if member.isGroupMember(group.getName()) or member.isGroupManager(group.getName()) %}
-                <span class="ui label">
                 {% if member.isGroupMember(group.getName()) %}
+                <span class="ui label member">
                     <i class="ui tag icon tooltip" title="{{ _T("Member of group") }}" aria-hidden="true"></i>
                 {% endif %}
                 {% if member.isGroupManager(group.getName()) %}
+                <span class="ui label manager">
                     <i class="ui shield icon tooltip" title="{{ _T("Group manager") }}" aria-hidden="true"></i>
                 {% endif %}
                     {{ group.getName() }}
@@ -41,13 +42,13 @@
     </div>
     {% endif %}
     {% if login.isGroupManager() %}
-    <a class="jsonly disabled ui icon button" id="btngroups">
+    <a class="jsonly disabled ui icon button" id="btngroups" tabindex="0">
         <i class="user tag icon" aria-hidden="true"></i>
         {{ _T("Manage user's groups") }}
     </a>
     {% endif %}
     {% if login.isAdmin() or login.isStaff() %}
-    <a class="jsonly disabled ui icon button" id="btnmanagedgroups">
+    <a class="jsonly disabled ui icon button" id="btnmanagedgroups" tabindex="0">
         <i class="user shield icon" aria-hidden="true"></i>
         {{ _T("Manage user's managed groups") }}
     </a>