From 87c83b96dbf9d25743e4a0b465050700d44ed40b Mon Sep 17 00:00:00 2001
From: Hugh O'Brien <hugh.obrien@overleaf.com>
Date: Tue, 12 May 2020 12:57:11 +0100
Subject: [PATCH] rotate chat arrow to top

GitOrigin-RevId: 755e7de8b9b2c11614faec79baac61618fd30006
---
 services/web/app/views/project/editor/chat.pug         | 2 +-
 services/web/frontend/stylesheets/app/editor/chat.less | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/services/web/app/views/project/editor/chat.pug b/services/web/app/views/project/editor/chat.pug
index 195447c3cd..2d1cd93778 100644
--- a/services/web/app/views/project/editor/chat.pug
+++ b/services/web/app/views/project/editor/chat.pug
@@ -35,7 +35,7 @@ aside.chat(
 						.message(
 							ng-style="getMessageStyle(message.user);"
 						)
-							.arrow(ng-style="getArrowStyle(message.user)")
+							.arrow(ng-if="message.user.id != user.id" ng-style="getArrowStyle(message.user)")
 							.message-content
 								p(
 									mathjax,
diff --git a/services/web/frontend/stylesheets/app/editor/chat.less b/services/web/frontend/stylesheets/app/editor/chat.less
index f845283c7a..76db42a1bf 100644
--- a/services/web/frontend/stylesheets/app/editor/chat.less
+++ b/services/web/frontend/stylesheets/app/editor/chat.less
@@ -67,8 +67,9 @@
           }
 
           .arrow {
-            right: 100%;
-            top: @line-height-computed / 4;
+            transform: rotate(90deg);
+            right: 90%;
+            top: -15px;
             border: solid;
             content: ' ';
             height: 0;