@import "colors";
@import "common";
@import "constants";

.messagerie {
  .messages-list {
    max-height: 350px;
    overflow-y: scroll;
    border: 1px solid $border-grey;
    background: $light-grey;
    padding: 2 * $default-spacer;
    margin-bottom: $default-spacer;
    border-radius: 4px;

    > li {
      display: flex;
      align-items: flex-start;
      margin-bottom: $default-padding;
      padding: $default-padding;
      background: #FFFFFF;
      width: 80%;
      border-radius: 3px;

      &.from-me {
        margin-left: auto;
      }
    }
  }

  .person-icon {
    margin-right: $default-spacer;
  }

  h2 {
    margin-bottom: $default-spacer;
  }

  .mail {
    font-weight: bold;
  }

  .guest,
  .date {
    font-size: 12px;
    color: $grey;
  }

  .date {
    float: right;
  }

  .attachment-link {
    margin-top: $default-spacer;
  }

  .message-textarea {
    margin-bottom: $default-spacer;
  }
}