article.editarticle {
  background: white;
  padding: 0 0 20px;

  header {
    text-align: center;
    padding: 10px;
    background: $secondary-bg;

    h1 {
      color: $secondary-fg;
    }

    a {
      font-size: 14px;
      text-decoration: none;
      margin-left: 10px;
      color: $secondary-light-fg;
    }
  }

  fileupload {
    margin: 0 0 20px;

    .inside {
      height: 150px;
    }
  }

  fileupload.cover {
    align-self: center;
    min-width: 178px;
  }

  form {
    padding: 0 2rem 1rem;

    textarea {
      height: 300px;
    }

    label.slim {
      font-size: 0.7em;
    }
    input.slim {
      font-size: 0.8em;
      padding: 2px 5px;
    }

    .loading-spinner {
      height: 300px;
      position: relative;
    }

    button.submit {
      margin-left: 20px;
    }
  }

  table {
    tr.rowhidden td {
      background: #e6e6e6;
    }

    tr.rowfeatured td {
      background: hsl(120, 60%, 85%);
    }
  }

  h5 {
    margin-bottom: 20px;
  }

  & > .loading-spinner {
    width: 240px;
    height: 50px;
    position: relative;

    &.full {
      width: 100%;
    }
  }

  .fileupload {
    align-self: flex-start;
    padding: 0.5rem;
    margin: 0.5rem 0 0.5rem 2rem;
    min-width: 150px;
    border: none;
    border: 1px solid $secondary-bg;
    background: $secondary-light-bg;
    color: $secondary-light-fg;
    position: relative;
    text-align: center;

    input {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0.01;
      width: 100%;
      cursor: pointer;
      text-indent: -9999px;
      z-index: 2;
    }
  }

  files {
    align-items: stretch;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem 0;
    text-align: left;

    h4 {
      font-size: 1.1em;
      font-weight: bold;
      padding: 0 5px 5px;
      margin-bottom: 10px;
      border-bottom: 1px solid $border;
    }
  }
}

table span.subarticle {
  padding: 0 5px;
}