Merge branch '357521-fix-css' into 'master'

Use gl-sm-ml-auto to align toggle labels

See merge request gitlab-org/gitlab!84244

ee/app/assets/javascripts/related_items_tree/components/related_items_tree_actions.vue

@@ -47,12 +47,9 @@ export default {
         </gl-button>
       </gl-button-group>
     </div>
-    <div class="ml-auto gl-display-none gl-sm-display-flex">
-      <!-- empty -->
-    </div>
     <div
       v-if="activeTab === $options.ITEM_TABS.TREE"
-      class="gl-sm-display-inline-flex gl-display-flex gl-mt-3 gl-sm-mt-0"
+      class="gl-sm-display-inline-flex gl-display-flex gl-mt-3 gl-sm-mt-0 gl-sm-ml-auto"
     >
       <toggle-labels class="gl-sm-ml-3! gl-ml-0!" />
     </div>

ee/spec/frontend/related_items_tree/components/__snapshots__/related_items_tree_actions_spec.js.snap

@@ -41,11 +41,7 @@ exports[`RelatedItemsTree RelatedItemsTreeActions template renders button group,
   </div>
    
   <div
-    class="ml-auto gl-display-none gl-sm-display-flex"
-  />
-   
-  <div
-    class="gl-sm-display-inline-flex gl-display-flex gl-mt-3 gl-sm-mt-0"
+    class="gl-sm-display-inline-flex gl-display-flex gl-mt-3 gl-sm-mt-0 gl-sm-ml-auto"
   >
     <toggle-labels-stub
       class="gl-sm-ml-3! gl-ml-0!"