From 4c27353154b53b89a34ed7e75cd84d6c045363cd Mon Sep 17 00:00:00 2001
From: Steve Howell <showell@zulipchat.com>
Date: Mon, 18 Feb 2019 14:59:34 +0000
Subject: [PATCH] css: Position/size popover user circles in correct file.

We're soon gonna have user circles in four different places,
and the fourth place, Private Messages, will have different
size/position CSS.

Now each component does positioning and sizing in its
main CSS file:

    user info, group info -- popovers.scss
    buddy list, group PMs -- right-sidebar.scss

(We also use the more explicit syntax for padding each
side.)
---
 static/styles/popovers.scss      | 10 ++++++++++
 static/styles/right-sidebar.scss |  7 +++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/static/styles/popovers.scss b/static/styles/popovers.scss
index 2cf92c81f7..9458ee4833 100644
--- a/static/styles/popovers.scss
+++ b/static/styles/popovers.scss
@@ -126,6 +126,16 @@ ul.remind_me_popover .remind_icon {
     text-align: center;
 }
 
+.popover_user_presence,
+.group-info-popover .member-list .user_circle {
+    width: 8px;
+    height: 8px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
 .user_popover .popover-title {
     padding: 0;
 }
diff --git a/static/styles/right-sidebar.scss b/static/styles/right-sidebar.scss
index 1c8c12b874..34a7c97adb 100644
--- a/static/styles/right-sidebar.scss
+++ b/static/styles/right-sidebar.scss
@@ -59,11 +59,14 @@
     display: inline-block;
 }
 
-.user_circle,
+#user_presences .user_circle,
 #group-pms .user_circle_fraction {
     width: 8px;
     height: 8px;
-    margin: 0px 5px;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 5px;
+    margin-right: 5px;
 }
 
 #user_presences .user_circle,