diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less index 46b85fde26..e37d829710 100644 --- a/services/web/public/stylesheets/app/editor.less +++ b/services/web/public/stylesheets/app/editor.less @@ -27,13 +27,17 @@ } .editor-menu-icon when (@is-overleaf = true) { - &.fa::before { - // Disable the font-awesome icon when in Overleaf by replacing it with a - // non-breakable space instead (otherwise the browser would render a - // zero-width element). - content: "\00a0"; + &.fa { + width: 1em; + background: url(/img/ol-brand/overleaf-o-white.svg) center / contain no-repeat; + + &::before { + // Disable the font-awesome icon when in Overleaf by replacing it with a + // non-breakable space instead (otherwise the browser would render a + // zero-width element). + content: "\00a0"; + } } - background: url(/img/ol-brand/overleaf-o-white.svg) center / contain no-repeat; } .full-size { diff --git a/services/web/public/stylesheets/app/editor/file-tree.less b/services/web/public/stylesheets/app/editor/file-tree.less index b27a492406..328d484d06 100644 --- a/services/web/public/stylesheets/app/editor/file-tree.less +++ b/services/web/public/stylesheets/app/editor/file-tree.less @@ -3,6 +3,7 @@ .toolbar.toolbar-filetree { .toolbar-small-mixin; .toolbar-alt-mixin; + padding: 0 5px; } .file-tree-inner { diff --git a/services/web/public/stylesheets/app/editor/pdf.less b/services/web/public/stylesheets/app/editor/pdf.less index 58d8a9427b..843617387b 100644 --- a/services/web/public/stylesheets/app/editor/pdf.less +++ b/services/web/public/stylesheets/app/editor/pdf.less @@ -1,6 +1,8 @@ .pdf .toolbar.toolbar-pdf when (@is-overleaf = true) { .toolbar-small-mixin; .toolbar-alt-mixin; + border-bottom: 0; + padding-right: 5px; } .pdf .toolbar.toolbar-pdf when (@is-overleaf = false) { @@ -23,7 +25,7 @@ } .btn-recompile-group when (@is-overleaf = true) { - height: 100%; + margin-right: 5px; } .btn-recompile when (@is-overleaf = true) {