body {
  font-family: Roboto, sans-serif;
}

#chatlog {
  height: 15em;
  max-width: 80em;
  overflow: scroll;
}

input[name="who"] {
  width: 6em;
}
input[name="text"] {
  min-width: 30em;
  width: calc(90% - 6em);
}

.when {
  color: #888;
  min-width: 10em;
  font-size: small;
}

.who {
  margin: auto 0.8em;
  color: blue;
  min-width: 5em;
  display: inline-block;
  text-align: right;
}