Disallineamento UX minore quando è coinvolto un plugin

Questo disallineamento coinvolge due plugin mantenuti ufficialmente: category-experts e follow.

Disallineamento del pulsante di notifica

Quando si è nella visualizzazione PC, e ho approvato una persona, il pulsante “Normale” non si è allineato correttamente, e “Approvato in x categorie” dovrebbe anch’esso essere allineato al centro anziché a sinistra.

Possibile soluzione: In user.scss, solo quando la visualizzazione è md verrà implementata la larghezza speciale, e questa dovrebbe essere applicata a tutte le dimensioni di visualizzazione.

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

Disallineamento del pulsante Segui

Nella visualizzazione mobile, il pulsante Segui è disallineato in larghezza rispetto agli altri pulsanti, e anche la visualizzazione approvata rimane allineata a sinistra anziché centrata.