#reply-control .title-and-category {
  align-items: start;
}

#reply-control button.add-event {
  position: relative;
  margin-left: 4px;
  line-height: 19px;
  height: 31px;
  padding: 5px 10px;

  &:not(.btn-primary) {
    background: var(--secondary);
  }

  .fa {
    margin: 0;
  }
}

#reply-control .show-event-controls .title-input {
  display: flex;
  flex-flow: wrap;

  input#reply-title {
    width: initial;
    flex: 1 1 auto;
  }
}

.add-event-modal .start-card {
  padding-bottom: 20px;
  border: none;
}

.add-event-modal .date-time-card {
  padding-left: 0;
  padding-right: 0;
}

.add-event-modal .event-form {
  .date-time-card {
    width: 100%;
    padding: 0 0 20px 0;
  }

  .datetime-controls {
    flex-direction: column;

    .end-card {
      border-left: unset;
    }
  }
}

.event-details {
  align-items: center;

  .event-label {
    margin-right: 5px;
    flex: 1 1 auto;
  }

  .add-to-calendar {
    display: block;

    .fa {
      margin: 0;
      min-width: 15px;
    }

    .dropdown-menu {
      right: 0;
      left: initial;
    }
  }
}

.topic-event-label {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  width: 100%;

  .event-label {
    flex: unset;
  }
}

.topic-list-item .date-time-container {
  margin-bottom: 6px;

  i {
    margin-right: 6px;
  }
}

.topic-list-item .right.with-event {
  position: relative;

  .topic-item-stats > .pull-right {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

body.calendar {
  -webkit-tap-highlight-color: transparent;
}
