Re-position merge train help icon

Postion the merge train help icon
close to the merge button so it does
not clash with squash commit control.

Changelog: changed
EE: true

app/assets/javascripts/vue_merge_request_widget/components/states/ready_to_merge.vue

@@ -557,6 +557,14 @@ export default {
               v-if="shouldShowMergeControls"
               class="gl-display-flex gl-align-items-center gl-flex-wrap"
             >
+              <merge-train-helper-icon
+                v-if="shouldRenderMergeTrainHelperIcon"
+                :merge-train-when-pipeline-succeeds-docs-path="
+                  mr.mergeTrainWhenPipelineSucceedsDocsPath
+                "
+                class="gl-mx-3"
+              />
+
               <gl-form-checkbox
                 v-if="canRemoveSourceBranch"
                 id="remove-source-branch-input"
@@ -575,13 +583,6 @@ export default {
                 :is-disabled="isSquashReadOnly"
                 class="gl-mx-3"
               />
-
-              <merge-train-helper-icon
-                v-if="shouldRenderMergeTrainHelperIcon"
-                :merge-train-when-pipeline-succeeds-docs-path="
-                  mr.mergeTrainWhenPipelineSucceedsDocsPath
-                "
-              />
             </div>
             <template v-else>
               <div class="bold js-resolve-mr-widget-items-message gl-ml-3">