body {
  height: 100vh;
}

article {
  height: 100%;
}

article textarea.form-input {
  height: 100%;
}

header {
  width: 100%;
  padding: 8px;
  position: fixed;
  top: 0;
  background: #2D2E34;
}

.fab {
  padding: 6px;
}

footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: #2D2E34;
}

footer .version {
  width: 100%;
  font-size: 70%;
  margin: auto;
  text-align: center;
  padding-bottom: 23px;
  clear: both;
}

footer .actions {
  width: 100%;
}

main {
  padding: 0 8px;
  height: calc(100% - 150px);
  width: 100%;
  position: fixed;
  top: 55px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.searchbar {
  width: 100%;
}

main.uploading {
  padding: 60px 20px;
}

main.uploading .loading {
  height: 50px;
}

main.entry .data {
  white-space: pre-wrap;
}

.centered-text {
  text-align: center;
}

.status {
  position: relative;
  top: -0.5em;
  padding-left: 3px;
  width: 50px;
  font-size: 70%;
  vertical-align: super;
  font-variant: small-caps;
}
.status.online::after {
  content: 'online';
  color: #32b643;
}
.status.offline::after {
  content: 'offline';
  color: #e85600;
}

.timeline .timeline-item.uncommitted .timeline-icon::before {
  border-color: #e85600;
}

h1 {
  font-size: 120%;
}

.search-list .panel {
  margin: 5px 0;
}

.search-list .panel-title {
  font-size: 110%;
}

.search-list .panel-header {
  padding: 3px;
}

.search-list .panel-body {
  padding: 3px;
}