From a1aa65724ae4f59448caf6480930c40e55ce6540 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Tue, 17 Jan 2023 12:30:52 +0000
Subject: [PATCH] Merge pull request #11289 from overleaf/mj-right-toolbar

[web] Change pdf control toolbar alignment for CM6 RT

GitOrigin-RevId: c3906df7ebf8da7097c680cdd58fc4bfb3f75704
---
 .../web/frontend/stylesheets/app/editor.less  | 25 +++++++++++++++----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/editor.less b/services/web/frontend/stylesheets/app/editor.less
index 57397a072e..357c8e3992 100644
--- a/services/web/frontend/stylesheets/app/editor.less
+++ b/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 {