From 744bb72cf9628cef3c78c31c2a4b3267f9411524 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 20 Dec 2017 16:45:07 -0500
Subject: [PATCH] UX: Better centering in presence plugin

---
 .../templates/components/composer-presence-display.hbs      | 2 +-
 plugins/discourse-presence/assets/stylesheets/presence.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/plugins/discourse-presence/assets/javascripts/discourse/templates/components/composer-presence-display.hbs b/plugins/discourse-presence/assets/javascripts/discourse/templates/components/composer-presence-display.hbs
index b83042d73d2..bc5d6876f33 100644
--- a/plugins/discourse-presence/assets/javascripts/discourse/templates/components/composer-presence-display.hbs
+++ b/plugins/discourse-presence/assets/javascripts/discourse/templates/components/composer-presence-display.hbs
@@ -4,7 +4,7 @@
       {{avatar user avatarTemplatePath="avatar_template" usernamePath="username" imageSize="small"}}
     {{/each}}
 
-    <span class="presence_text">
+    <span class="presence-text">
       <span class="description">
         {{#if isReply ~}}
           {{i18n 'presence.replying'}}
diff --git a/plugins/discourse-presence/assets/stylesheets/presence.scss b/plugins/discourse-presence/assets/stylesheets/presence.scss
index 2da40bf37a9..bd4612817f7 100644
--- a/plugins/discourse-presence/assets/stylesheets/presence.scss
+++ b/plugins/discourse-presence/assets/stylesheets/presence.scss
@@ -2,6 +2,12 @@
   background-color: $secondary;
   color: $primary-medium;
   padding: 0px 5px;
+  display: flex;
+  align-items: center;
+  
+  span.presence-text {
+    margin-left: 5px;
+  }
 
   .wave {
     .dot {