From 860399d9de5b9dc4937f698de38a445d42631cc4 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Fri, 24 Nov 2017 16:03:30 +0000
Subject: [PATCH] Adjust toolbar paddings; adjust Overleaf menu icon width.

---
 services/web/public/stylesheets/app/editor.less  | 16 ++++++++++------
 .../public/stylesheets/app/editor/file-tree.less |  1 +
 .../web/public/stylesheets/app/editor/pdf.less   |  4 +++-
 3 files changed, 14 insertions(+), 7 deletions(-)

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) {