#admin-bar {
  height: 100px;
}

.admin-bar button {
  font-size: 0.9em;
  letter-spacing: 0.1em;
  margin: 5px 0 0 5px;
}

#debug-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#debug-buttons button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#debug-buttons button .label {
  display: inline;
}

.admin-bar button#save-current-conf {
  margin: 0;
  height: 22px;
}

#admin-save-conf,
#admin-save-conf form {
  display: flex;
  flex-direction: row;
}

#admin-save-conf fieldset {
  display: flex;
  flex-direction: row;
  margin: 0.2em 1em 0.2em 0;
  padding: 0;
  font-size: 0.9em;
}
#admin-save-conf fieldset legend {
  height: 20px;
}

#admin-save-conf input {
  height: 20px;
  margin: 0;
  font-size: 0.8em;
  width: 150px;
}

#admin-save-conf input::placeholder {
  opacity: 0;
}

#saved-conf-hrefs ul {
  list-style-type: none;
}

#saved-conf-hrefs li {
  float: left;
  list-style-type: none;
  height: 12px;
  margin: 0 4px 4px 0;
  background-position: top 0px left 2px;
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 2px 2px 2px 20px;
  line-height: 13px;
  font-size: 13px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid transparent;
}

/* Ugly hack, mate */
#saved-conf-hrefs li:nth-child(n + 8) {
  background-position: top 3px left 2px;
}

#saved-conf-hrefs li:hover {
  background-color: rgb(30, 30, 30);
  border-color: rgba(255, 255, 255, 0.5);
}

#saved-conf-hrefs li.light-theme:hover {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 945px) {
  #debug-buttons button {
    flex: 1 1 0px;
  }

  #debug-buttons .icon-www {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #admin-bar {
    height: 110px;
  }

  #admin-save-conf,
  #admin-save-conf form {
    flex-direction: column;
  }

  #admin-save-conf fieldset legend {
    display: none;
  }

  #admin-save-conf input::placeholder {
    opacity: 0.5;
  }

  #debug-buttons button {
    letter-spacing: normal;
  }
}