.reorderer {
  .list-group-item {
    display: flex;
    padding-right: 7px;
    padding-left: 10px;
  }
  .oi-grid-four-up {
    font-size: 16px;
    margin-right: 7px
  }
  .sortable-chosen {
    background-color: #f6f6f6 !important;
  }
}

.reorderer-item {
  .el-icon-d-arrow-right,
  .el-icon-d-arrow-left {
    transform: rotate(-90deg);
  }

  &:first-child a:first-child {
    color: grey;
    pointer-events: none;
  }

  &:last-child a:last-child {
    color: grey;
    pointer-events: none;
  }
}

.reorderer-label {
  flex: 1 1 auto;
}

.reorderer-listActions {
  flex-grow: 0;

  a {
    padding: 8px;
    border-radius: 3px;

    &:hover {
      background-color: #fafafa;
    }
  }
}