.school-name {
  display: inline-block;
  padding-left: 20px;
  line-height: 1.3;
}
.school-status {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-right: 10px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 1px solid #ccc;
}
.school-status.open {
  background-color: green;
  border-color: darkgreen;
}
.school-status.delayed {
  background-color: yellow;
  border-color: darkgoldenrod;
}
.school-status.closed {
  background-color: red;
  border-color: darkred;
}

.school-status-banner {
  padding: 5px 0;
  display: block;
  text-align: center;
}

.school-status-banner.open {
  background-color: #dff0d8
}

.school-status-banner.delayed {
  background-color: #fcf8e3
}

.school-status-banner.closed {
  background-color: #f2dede
}


.school-status-banner p {
  display: inline-block;
  margin-bottom: 0;
}