fixed emote display in usernames and reactions

src/lib/app.css

@@ -74,6 +74,11 @@ main {
     width: 732px;
 }
 
+img.emoji {
+    height: 1.2em;
+    margin: -.1em 0;
+}
+
 .throb {
     animation: .25s throb alternate infinite ease-in;
 }

src/lib/ui/Navigation.svelte

@@ -153,7 +153,7 @@
         <div id="account-button">
             <img src={$user.avatar_url} class="account-avatar" height="64px" alt="" aria-hidden="true" on:click={() => play_sound()}>
             <div class="account-name" aria-hidden="true">
-                <a href={$user.url} class="nickname" title={$user.nickname}>{$user.nickname}</a>
+                <a href={$user.url} class="nickname" title={$user.nickname}>{@html $user.rich_name}</a>
                 <span class="username" title={`@${$user.username}@${$user.host}`}>
                     {`@${$user.username}@${$user.host}`}
                 </span>
@@ -345,6 +345,11 @@
         font-size: .65em;
     }
 
+    .nickname :global(.emoji) {
+        height: 1.2em;
+        margin: -.1em 0;
+    }
+
     .flex-row {
         display: flex;
         flex-direction: row;

src/lib/ui/post/ReactionButton.svelte

@@ -72,7 +72,7 @@
     }
 
     .icon {
-        width: 20px;
+        min-width: 20px;
         height: 20px;
         display: flex;
         justify-content: center;