.eventWrapper {
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  pointer-events: all;
  transition: opacity 150ms;

  .title {
    width: 100%;
    -ms-flex: 1 1;
    flex: 1 1;
    word-wrap: break-word;
    line-height: 1;
    height: 100%;
    min-height: 1em;
  }

  .time {
    flex: none;
    padding-right: 5px;
    width: auto;
  }

}