Make the sizing of navbar buttons consistent

src/components/basic_user_card/basic_user_card.vue

@@ -61,7 +61,7 @@
   }
 
   &-user-name {
-    --emoji-size: 1em;
+    --emoji-size: 14px;
   }
 
   &-user-name-value {

src/components/search_bar/search_bar.vue

@@ -86,7 +86,7 @@
   }
 
   .cancel-search {
-    height: 50px;
+    height: 100%;
   }
 
   .cancel-icon {

src/components/status/status.scss

@@ -94,20 +94,21 @@
     text-overflow: ellipsis;
 
     --_still_image-label-scale: 0.25;
-    --emoji-size: 1em;
+    --emoji-size: 18px;
   }
 
   .status-favicon {
     height: 18px;
     width: 18px;
     margin-right: 0.4em;
+    vertical-align: middle;
   }
 
   .status-heading {
     margin-bottom: 0.5em;
 
     .emoji {
-      --emoji-size: 1em;
+      --emoji-size: 18px;
     }
   }
 
@@ -117,7 +118,6 @@
     line-height: 1.3;
 
     a {
-      display: inline-block;
       word-break: break-all;
     }
   }
@@ -137,8 +137,6 @@
     flex-wrap: wrap;
 
     .nowrap {
-      display: flex;
-      align-items: end;
       white-space: nowrap;
     }
   }

src/components/user_card/user_card.scss

@@ -303,6 +303,10 @@
     button {
       margin: 0;
     }
+
+    .subscribe-button {
+      width: 2em;
+    }
   }
 }
 

src/components/user_card/user_card.vue

@@ -198,7 +198,7 @@
             <template v-if="relationship.following">
               <ProgressButton
                 v-if="!relationship.subscribing"
-                class="btn button-default"
+                class="btn button-default subscribe-button"
                 :click="subscribeUser"
                 :title="$t('user_card.subscribe')"
               >
@@ -206,7 +206,7 @@
               </ProgressButton>
               <ProgressButton
                 v-else
-                class="btn button-default toggled"
+                class="btn button-default subscribe-button toggled"
                 :click="unsubscribeUser"
                 :title="$t('user_card.unsubscribe')"
               >