MDL-86639 groups: Wrap group names in grade report group selector

public/group/templates/comboboxsearch/resultitem.mustache

@@ -30,11 +30,11 @@
 }}
 {{<core/local/comboboxsearch/resultitem }}
     {{$content}}
-        <div class="pe-2 ps-1 w-25">
+        <div class="pe-3 ps-1 flex-shrink-0">
             <img class="rounded-circle mx-auto img-fluid" src="{{groupimageurl}}" loading="lazy" alt=""/>
         </div>
-        <div class="pe-3 w-75">
-            <span class="d-block w-100 p-0 text-truncate">
+        <div class="pe-3">
+            <span class="d-block w-100 p-0 text-wrap text-break">
                 {{name}}
             </span>
             {{^participation}}

public/theme/boost/scss/moodle/grade.scss

@@ -701,6 +701,14 @@
     }
 }
 
+.path-grade {
+    .groupsearchdropdown {
+        &.dropdown-menu {
+            width: 400px;
+        }
+    }
+}
+
 .search-widget {
     .dropdown-menu {
         padding: 0.8rem 1.2rem;

public/theme/boost/style/moodle.css

@@ -38278,6 +38278,10 @@ p.arrow_button {
   display: none;
 }
 
+.path-grade .groupsearchdropdown.dropdown-menu {
+  width: 400px;
+}
+
 .search-widget .dropdown-menu {
   padding: 0.8rem 1.2rem;
 }

public/theme/classic/style/moodle.css

@@ -38278,6 +38278,10 @@ p.arrow_button {
   display: none;
 }
 
+.path-grade .groupsearchdropdown.dropdown-menu {
+  width: 400px;
+}
+
 .search-widget .dropdown-menu {
   padding: 0.8rem 1.2rem;
 }