.flex-container.alignItemsBaseline {
  display: flex;
  align-items: baseline;
}

.name_text, .mes_ghost, .timestamp {
  vertical-align: baseline;
}

.name_text { order: 1; }
.mes_ghost { order: 2; }
.timestamp { 
  order: 3; 
  font-size: 0; 
  display: inline-flex; 
  align-items: baseline;
}

.name_text, .mes_ghost { margin-right: 5px; }
.timestamp { margin-left: 5px; }

.timestamp::after {
  order: 2;
  font-size: calc(var(--mainFontSize) * 0.8);
  color: var(--secondary-color);
  content: attr(title);
  margin-left: 5px;
}

.timestamp[title*="undefined - undefined"]::after { content: "Unknown model"; }

.timestamp-icon {
  order: 1;
  display: inline-flex;
  align-items: baseline;
}

.icon-svg { height: 1em; width: auto; }

body.no-modelIcons .timestamp-icon { display: none; }
body.no-modelIcons .timestamp::after { margin-left: 0; }
body.no-timestamps .timestamp { display: inline-flex !important; color: transparent; }