From 778aa45e96b491814ee3b91764e965ba8615fa03 Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Mon, 16 Jan 2023 12:03:51 +0000
Subject: [PATCH] Merge pull request #11247 from overleaf/mj-toolbar-overflow

[cm6+rt] Wrap formatting buttons if editor is too narrow

GitOrigin-RevId: d1b234c721f4bed67f1da567b90139f0c95895f0
---
 services/web/frontend/stylesheets/app/editor.less | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/editor.less b/services/web/frontend/stylesheets/app/editor.less
index 048b75b5db..57397a072e 100644
--- a/services/web/frontend/stylesheets/app/editor.less
+++ b/services/web/frontend/stylesheets/app/editor.less
@@ -169,6 +169,17 @@
       border-radius: @btn-border-radius-base 0 0 @btn-border-radius-base;
     }
   }
+
+  &.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;
+    }
+  }
 }
 
 .loading-screen {