Merge branch '212549-padding-in-snippet-blob-header' into 'master'

Resolve "Padding in snippet blob header"  #212549

Closes #212549

See merge request gitlab-org/gitlab!29625

app/assets/javascripts/blob/components/blob_header.vue

@@ -66,7 +66,7 @@ export default {
       </template>
     </blob-filepath>
 
-    <div class="file-actions d-none d-sm-block">
+    <div class="file-actions d-none d-sm-flex">
       <viewer-switcher v-if="showViewerSwitcher" v-model="viewer" />
 
       <slot name="actions"></slot>

app/assets/javascripts/blob/components/blob_header_viewer_switcher.vue

@@ -45,7 +45,7 @@ export default {
 };
 </script>
 <template>
-  <gl-button-group class="js-blob-viewer-switcher ml-2">
+  <gl-button-group class="js-blob-viewer-switcher mx-2">
     <gl-deprecated-button
       v-gl-tooltip.hover
       :aria-label="$options.SIMPLE_BLOB_VIEWER_TITLE"

changelogs/unreleased/212549-padding-in-snippet-blob-header.yml

+---
+title: Fix minor spacing issue at Snippet blob viewer
+merge_request: 29625
+author: Karthick Venkatesan
+type: fixed

spec/frontend/blob/components/__snapshots__/blob_header_spec.js.snap

@@ -9,7 +9,7 @@ exports[`Blob Header Default Actions rendering matches the snapshot 1`] = `
   />
    
   <div
-    class="file-actions d-none d-sm-block"
+    class="file-actions d-none d-sm-flex"
   >
     <viewer-switcher-stub
       value="simple"