Post Rearranged

.messageList .message {
  display: flex;
  flex-wrap: wrap;
}

.message .messageBar {
  order: 3;
  flex:1 0 calc(100% - 134px);
  margin-left: 134px;
  padding-left:0px; /* moved padding-left:5px to messageBarDate */
  padding-right:0px; /* moved padding-right:5px to messageBarNumber */
}
.messageUserInfo {
  order: 1;
  flex: none;
  width:124px;
}
.messageInfo.primaryContent {
  order: 2;
  flex: 1;
}
.message .messageBar .messageBarDate {padding-left:5px}
.message .messageBar .messageBarNumber {padding-right:5px}