linstrom/frontend-reactive/app/styles/util/mailEntry.css

.mail-entry {
  display: flex;
  flex-direction: row;
}

.mail-input {
  outline: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}

.mail-input-ok {
  border: 1px solid green;
  box-shadow: 0px 0px 5px green;
}

.mail-input-error {
  border: 1px solid red;
  box-shadow: 0px 0px 5px red;
}

.mail-status {
  /*margin: 0;*/
  margin-top: 0.75em;
  margin-left: 0.4em;
}

.mail-ok {
  color: green;
  /*margin-top: -0.25lh;*/
  /*margin-bottom: -0.28lh;*/
  font-size: 0.9lh;
  margin: 0;
  margin-left: 0.2em;
}

.mail-error {
  color: red;
  margin-bottom: 0;
  margin-left: 0.6em;
}