Merge pull request #11289 from overleaf/mj-right-toolbar

[web] Change pdf control toolbar alignment for CM6 RT

GitOrigin-RevId: c3906df7ebf8da7097c680cdd58fc4bfb3f75704

services/web/frontend/stylesheets/app/editor.less

@@ -154,6 +154,7 @@
   overflow: hidden;
   position: relative;
   z-index: 10; // Prevent track changes showing over toolbar
+  justify-content: space-between;
 
   .btn-recompile-group {
     margin-right: -5px;
@@ -173,13 +174,27 @@
   &.toolbar-wrap {
     min-height: @editor-toolbar-height;
     height: unset; // Allow to grow if buttons wrap
-    flex-wrap: wrap;
-
-    .formatting-buttons {
-      flex-grow: 1 0 auto;
-      width: unset;
+    .toolbar-line-wrapper {
+      flex-wrap: wrap;
     }
   }
+  .formatting-buttons {
+    flex: 1 1 auto;
+    width: unset;
+    min-width: 0;
+    overflow: hidden;
+  }
+  .toolbar-pdf-right {
+    justify-content: flex-end;
+    flex: 0 0 auto;
+  }
+  .toolbar-line-wrapper {
+    display: flex;
+    flex: 1 1 auto;
+    flex-wrap: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
 }
 
 .loading-screen {