From e2fcd08ce99f8850d3f319ed134b00c3b0e3629f Mon Sep 17 00:00:00 2001 From: rr- <rr-@sakuya.pl> Date: Tue, 3 Jan 2017 19:37:59 +0100 Subject: [PATCH] client/comments: fix header wrapping on chrome --- client/css/comment-control.styl | 3 +++ client/html/comment.tpl | 26 +++++++++++++------------- 2 files changed, 16 insertions(+), 13 deletions(-) diff --git a/client/css/comment-control.styl b/client/css/comment-control.styl index 343dbd4..96d7e7a 100644 --- a/client/css/comment-control.styl +++ b/client/css/comment-control.styl @@ -52,6 +52,9 @@ $comment-border-color = #DDD padding: 0 1em line-height: 2.25em + .score-container, .link-container + display: inline-block + &:before position: absolute display: block diff --git a/client/html/comment.tpl b/client/html/comment.tpl index b3b961a..04469c9 100644 --- a/client/html/comment.tpl +++ b/client/html/comment.tpl @@ -41,20 +41,20 @@ %><span class='score-container'></span><% - %><wbr><% + %><% if (ctx.canEditComment || ctx.canDeleteComment) { %><% + %><span class='action-container'><% + %><% if (ctx.canEditComment) { %><% + %><a href class='edit'><% + %><i class='fa fa-pencil'></i> edit<% + %></a><% + %><% } %><% - %><% if (ctx.canEditComment) { %><% - %><a href class='edit'><% - %><i class='fa fa-pencil'></i> edit<% - %></a><% - %><% } %><% - - %><wbr><% - - %><% if (ctx.canDeleteComment) { %><% - %><a href class='delete'><% - %><i class='fa fa-remove'></i> delete<% - %></a><% + %><% if (ctx.canDeleteComment) { %><% + %><a href class='delete'><% + %><i class='fa fa-remove'></i> delete<% + %></a><% + %><% } %><% + %></span><% %><% } %><% %></nav><% %></header>