Minor UX misalign when plugin involved

[small-lovely-cat]

This misalign involves two officially maintained plugins: category-experts and follow.

Notification button misalign

When in PC view, and I endorsed a person, the “Normal” button failed to align, and Endorsed in x categories should also aligned to the center rather than the left.

Possible solution: In user.scss, only when viewpoint<md will the special width be implemented, and that should be applied to all of the viewpoint size.

@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%;
    }
  }
}

---

Follow button misalign

In mobile view, the follow button misaligned with other buttons in width, and the endorsed view also sticks to the left rather than center aligned.