recent_topics_row: Let pm status icons have its own class.

Some additional changes to make align them correctly after
the assigning the new class.

static/styles/recent_topics.css

@@ -70,13 +70,6 @@
             padding-right: 3px;
         }
 
-        .fa-group {
-            font-size: 0.8rem;
-            margin-left: 5px;
-            /* color: hsl(105, 2%, 50%); */
-            opacity: 0.6;
-        }
-
         .fa-envelope {
             font-size: 0.7rem;
             margin-right: 2px;
@@ -173,14 +166,6 @@
             visibility: hidden;
         }
 
-        .user_circle {
-            /* Shrink the user activity circle for the recent topics context. */
-            min-width: 7px;
-            height: 7px;
-            margin-left: 8px;
-            top: 0;
-        }
-
         .flex_container_pm {
             /* Flex container to fit in user circle and group icon */
             display: flex;
@@ -396,6 +381,32 @@
                 font-size: 15px;
             }
         }
+
+        .pm_status_icon {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            /* Increasing vertical padding any further will increase
+               the height of the row. */
+            padding: 5px 0 5px 8px;
+            /* To accommodate fa-group icon */
+            width: 14px;
+            height: 14px;
+
+            .fa-group {
+                font-size: 0.8rem;
+                /* color: hsl(105, 2%, 50%); */
+                opacity: 0.6;
+            }
+
+            .user_circle {
+                /* Shrink the user activity circle for the recent topics context. */
+                width: 7px;
+                height: 7px;
+                float: left;
+                position: unset;
+            }
+        }
     }
 
     #recent_topics_bottom_whitespace {

static/templates/recent_topic_row.hbs

@@ -15,7 +15,7 @@
             {{!-- For presence/group indicator --}}
             {{#if is_private}}
             <div class="right_part">
-                <span class="stream-privacy filter-icon">
+                <span class="pm_status_icon">
                     {{#if is_group}}
                     <span class="fa fa-group"></span>
                     {{else}}