MDL-85700 theme_boost: Fix group selector spacing

- Fix single_select template adding gap between elements.
- Improve groupselector definitions.
- Clean groupselector unneeded styles.

lib/grouplib.php

@@ -805,7 +805,7 @@ function groups_print_course_menu($course, $urlroot, $return=false) {
         $output = $OUTPUT->render($select);
     }
 
-    $output = '<div class="groupselector">'.$output.'</div>';
+    $output = $OUTPUT->container($output, 'groupselector my-2 d-inline-block');
 
     if ($return) {
         return $output;
@@ -1004,7 +1004,7 @@ function groups_print_activity_menu($cm, $urlroot, $return=false, $hideallpartic
         $output = $OUTPUT->render($select);
     }
 
-    $output = '<div class="groupselector">'.$output.'</div>';
+    $output = $OUTPUT->container($output, 'groupselector my-2 d-inline-block');
 
     if ($return) {
         return $output;

lib/templates/single_select.mustache

@@ -83,7 +83,7 @@
 }}
 
 <div class="{{classes}} d-inline-block">
-    <form method="{{method}}" action="{{action}}" class="d-flex flex-wrap align-items-center" id="{{formid}}">
+    <form method="{{method}}" action="{{action}}" class="d-flex flex-wrap align-items-center gap-2" id="{{formid}}">
         {{#params}}
             <input type="hidden" name="{{name}}" value="{{value}}">
         {{/params}}

theme/boost/scss/moodle/core.scss

@@ -506,16 +506,6 @@ a.skip:active {
     width: 14em;
 }
 
-.groupselector {
-    margin-top: 3px;
-    margin-bottom: 3px;
-    display: inline-block;
-}
-
-.groupselector label {
-    display: inline-block;
-}
-
 // Notes
 .notepost {
     margin-bottom: 1em;

theme/boost/style/moodle.css

@@ -26088,16 +26088,6 @@ a.skip:active {
   width: 14em;
 }
 
-.groupselector {
-  margin-top: 3px;
-  margin-bottom: 3px;
-  display: inline-block;
-}
-
-.groupselector label {
-  display: inline-block;
-}
-
 .notepost {
   margin-bottom: 1em;
 }

theme/classic/style/moodle.css

@@ -26088,16 +26088,6 @@ a.skip:active {
   width: 14em;
 }
 
-.groupselector {
-  margin-top: 3px;
-  margin-bottom: 3px;
-  display: inline-block;
-}
-
-.groupselector label {
-  display: inline-block;
-}
-
 .notepost {
   margin-bottom: 1em;
 }