message: fix dialog style
diff: background: #fff;
  border: 1px solid #d8d8d8;
  display: inline-block;
  + max-height: 100%;
  max-width: 100%;
  min-width: 320px;
  + overflow-y: auto;
  padding: 4vh 8vw;
  position: relative;
  text-align: left;
  }
  }
  -.jsxc-list-item {
  +.jsxc-list {
  + &__item {
  align-items: center;
  display: flex;
  - padding: 0.5em 1.5em;
  + padding: 0.5em 1.5em !important;
  - &-avatar {
  + &--clickable {
  + cursor: pointer;
  +
  + &:hover {
  + background-color: #f2f2f2;
  + }
  + }
  + }
  +
  + &__avatar {
  align-self: flex-start;
  margin-right: 0.5em;
  }
  }
  - &-text {
  + &__text {
  flex-grow: 1;
  }
  - &-secondary-text {
  + &__text__secondary {
  opacity: 0.7;
  }
  - &-secondary-action {
  + &__secondary-action {
  align-self: flex-start;
  }
  -
  - &-clickable {
  - cursor: pointer;
  -
  - &:hover {
  - background-color: #f2f2f2;
  - }
  - }
  }
  