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>&nbsp;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>&nbsp;delete<%
+                            %></a><%
+                        %><% } %><%
+                    %></span><%
                 %><% } %><%
             %></nav><%
         %></header>