MDL-85046 theme_boost: Fix the spacing in the select_menu component

Adds padding on the .dropdown-item element to fix the lack of spacing
between the 'active' indicator and the item in the select_menu component.
Also converts some of the hard-coded padding to use existing spacer
definitions.

theme/boost/scss/moodle/core.scss

@@ -3003,8 +3003,13 @@ body.dragging {
             padding-left: 2.5rem;
         }
     }
-    .dropdown-item[aria-selected="true"] {
-        font-weight: bold;
+
+    .dropdown-item {
+        padding: map-get($spacers, 1) map-get($spacers, 4);
+
+        [aria-selected="true"] {
+            font-weight: bold;
+        }
     }
 }
 

theme/boost/style/moodle.css

@@ -28468,7 +28468,10 @@ body.dragging .dragging {
 .select-menu ul[role=group] .dropdown-item {
   padding-left: 2.5rem;
 }
-.select-menu .dropdown-item[aria-selected=true] {
+.select-menu .dropdown-item {
+  padding: 0.25rem 1.5rem;
+}
+.select-menu .dropdown-item [aria-selected=true] {
   font-weight: bold;
 }
 

theme/classic/style/moodle.css

@@ -28468,7 +28468,10 @@ body.dragging .dragging {
 .select-menu ul[role=group] .dropdown-item {
   padding-left: 2.5rem;
 }
-.select-menu .dropdown-item[aria-selected=true] {
+.select-menu .dropdown-item {
+  padding: 0.25rem 1.5rem;
+}
+.select-menu .dropdown-item [aria-selected=true] {
   font-weight: bold;
 }