From e689017c3cd3ad6d69de1476d4d6e63623af218d Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Mon, 16 May 2022 10:48:42 +0100
Subject: [PATCH] Fix alignment of icons in Layout menu (#7889)

GitOrigin-RevId: 5187c42304d85f22ae7baefe7b7bcf5eed829805
---
 .../components/layout-dropdown-button.js               | 10 +++++++---
 .../web/frontend/stylesheets/app/editor/toolbar.less   |  3 +--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.js b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.js
index af4aa1fec0..558898c588 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.js
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.js
@@ -117,7 +117,7 @@ function LayoutDropdownButton() {
               view={view}
               detachRole={detachRole}
             />
-            <Icon type="columns" />
+            <Icon type="columns" fw />
             {t('editor_and_pdf')}
           </MenuItem>
 
@@ -131,7 +131,9 @@ function LayoutDropdownButton() {
               view={view}
               detachRole={detachRole}
             />
-            <IconEditorOnly />
+            <i className="fa fa-fw">
+              <IconEditorOnly />
+            </i>
             <span>
               <Trans
                 i18nKey="editor_only_hide_pdf"
@@ -152,7 +154,9 @@ function LayoutDropdownButton() {
               view={view}
               detachRole={detachRole}
             />
-            <IconPdfOnly />
+            <i className="fa fa-fw">
+              <IconPdfOnly />
+            </i>
             <span>
               <Trans
                 i18nKey="pdf_only_hide_editor"
diff --git a/services/web/frontend/stylesheets/app/editor/toolbar.less b/services/web/frontend/stylesheets/app/editor/toolbar.less
index 7d123876bd..b8eaa4c7d1 100644
--- a/services/web/frontend/stylesheets/app/editor/toolbar.less
+++ b/services/web/frontend/stylesheets/app/editor/toolbar.less
@@ -179,8 +179,7 @@
 }
 #layout-dropdown-list {
   a {
-    i,
-    svg {
+    i {
       margin-right: @margin-xs;
     }
   }