Fix Single-File-Editor-Layout breaking when branch name is too long

app/assets/stylesheets/pages/editor.scss

@@ -172,7 +172,7 @@
 }
 
 .template-selector-dropdowns-wrap {
-  display: inline-block;
+  display: flex;
   vertical-align: top;
 
   @media(max-width: map-get($grid-breakpoints, lg)-1) {
@@ -189,6 +189,7 @@
     display: inline-block;
     vertical-align: top;
     font-family: $regular_font;
+    margin: 0 8px 0 0;
 
     @media(max-width: map-get($grid-breakpoints, lg)-1) {
       display: block;

changelogs/unreleased/rk-37435-fix-editor-layout.yml

+---
+title: Fix Single-File-Editor-Layout breaking when branch name is too long
+merge_request: 21577
+author: Roman Kuba
+type: fixed