プラグインが関与する場合の軽微なUXのずれ

[small-lovely-cat]

この不揃いは、公式にメンテナンスされている2つのプラグイン、category-expertsとfollowに関連しています。

通知ボタンの不揃い

PC表示で誰かを推薦（endorse）した際、「Normal」ボタンの位置がずれ、また「Endorsed in x categories」も左揃えではなく中央揃えになるべきです。

考えられる解決策：user.scssにおいて、ビューポートがmd未満の場合にのみ特別な幅が適用され、それがすべてのビューポートサイズに適用されるべきです。

@include viewport.until(md) {
  li,
  > span {
    display: flex;
    flex: 1 1 45%;

    button,
    a {
      width: 100%;
    }

    .select-kit.dropdown-select-box.user-notifications-dropdown {
      width: 100%;
    }
  }
}

---

フォローボタンの不揃い

モバイル表示では、フォローボタンの幅が他のボタンとずれており、推薦された（endorsed）表示も中央揃えではなく左に寄っています。