Fix alignment of icons in Layout menu (#7889)

GitOrigin-RevId: 5187c42304d85f22ae7baefe7b7bcf5eed829805

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"

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

@@ -179,8 +179,7 @@
 }
 #layout-dropdown-list {
   a {
-    i,
-    svg {
+    i {
       margin-right: @margin-xs;
     }
   }