philomena/assets/css/views/admin.css

nav.header__staff {
  display: flex;
  line-height: var(--navbar-secondary-size);
  border-radius: var(--border-radius-outer);
  margin: auto;
}

.header__counter__admin {
  display: inline-flex;
  flex-flow: column;
  background: var(--danger-color);
  border-radius: 100%;
  min-width: var(--number-badge-size);
  line-height: var(--number-badge-size);
  font-size: var(--number-badge-size);
  font-weight: bold;
  padding: var(--number-badge-padding);
  text-align: center;
}

.header--secondary__admin-links {
  display: flex;
  gap: var(--padding-large);
  padding: 0 var(--padding-normal);
  background: var(--danger-dark-color);
  border-radius: var(--border-radius-outer);
}

.header--secondary__admin-links .header__link {
  color: var(--text-color) !important;
}

.header--secondary__admin-links .header__link:hover {
  color: var(--danger-link-color) !important;
}

@mixin if-mobile {
  .header--secondary__admin-links {
    justify-content: center;
    flex: 1 0 auto;
  }

  nav.header__staff {
    flex: 1 0 auto;
  }
}