emoji: Display status emoji as flexbox in settings.

This does not adjust any of the padding from a float-based era.
It's entirely possible that the status-preview area especially
deserves some further tuning.

web/styles/right_sidebar.css

@@ -131,9 +131,9 @@ $user_status_emoji_width: 24px;
 
 .user_list_style_values {
     .user-name-and-status-emoji {
-        display: block;
+        display: flex;
+        align-items: center;
         width: 100%;
-        height: 20px;
 
         .user-name {
             display: inline-block;
@@ -144,7 +144,7 @@ $user_status_emoji_width: 24px;
 
         .status-emoji {
             line-height: 20px;
-            top: -2px;
+            margin-left: 6px;
         }
     }
 

web/styles/settings.css

@@ -1156,7 +1156,6 @@ $option_title_width: 180px;
         }
 
         .status-text {
-            display: inline-block;
             opacity: 0.75;
             font-size: 90%;