From f27118084ca895f0fb826e8ba7e2e86f5b7fd070 Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Tue, 17 Jan 2017 16:03:41 +0000 Subject: [PATCH] Make review header icon behave like font-awesome icons. --- .../public/stylesheets/app/editor/review-panel.less | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/services/web/public/stylesheets/app/editor/review-panel.less b/services/web/public/stylesheets/app/editor/review-panel.less index 511c9b25b1..759c7705a6 100644 --- a/services/web/public/stylesheets/app/editor/review-panel.less +++ b/services/web/public/stylesheets/app/editor/review-panel.less @@ -736,10 +736,13 @@ } .review-icon { - position: absolute; + display: inline-block; background: url('/img/review-icon-sprite.png') top/30px no-repeat; width: 30px; - height: 30px; + + &::before { + content: '\00a0'; // Non-breakable space. A non-breakable character here makes this icon work like font-awesome. + } .toolbar .btn-full-height:hover & { background-position-y: -30px; @@ -749,11 +752,6 @@ .toolbar .btn-full-height:active & { background-position-y: -60px; } - - & + .toolbar-label { - margin-left: 34px; - } - } .resolved-comments-toggle {