.issues-list {
  .issue {
    padding: 10px;
    position: relative;

    .issue-title {
      margin-bottom: 5px;
      font-size: 14px;
    }

    .issue-info {
      color: #999;
    }

    .issue-check {
      float: left;
      padding-right: 8px;
      margin-bottom: 10px;
      min-width: 15px;
    }

    .issue-labels {
      display: inline-block;
    }

    .issue-actions {
      display: none;
      position: absolute;
      top: 10px;
      right: 2px;
    }

    &:hover {
      .issue-actions {
        display: block;
      }
    }
  }
}

.check-all-holder {
  height: 32px;
  float: left;
  margin-right: 12px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  @include border-radius(4px);


  input.check_all_issues {
    padding: 0;
    margin: 0;
    position: relative;
    top: 3px;
  }
}

.issues_content {
  .title {
    height: 40px;
  }

  form {
    margin: 0;
  }
}

@media (min-width: 800px)  { .issues_filters select { width: 160px; }  }
@media (min-width: 1200px) { .issues_filters select { width: 220px; }  }

@media (min-width: 800px)  { .issues_bulk_update .select2-container { min-width: 120px; }  }
@media (min-width: 1200px) { .issues_bulk_update .select2-container { min-width: 160px; }  }

.issues-holder {
  .issues_filters {
  }

  .issues_bulk_update {
    margin: 0;
    form {
      float:left;
    }

    .update_selected_issues {
      margin-left: 4px;
    }

    .select2-container .select2-choice {
      height: 32px;
      line-height: 28px;
      color: #444 !important;
      font-weight: 500;
    }
  }
}

#update_status {
  width: 100px;
}

.participants {
  margin-bottom: 10px;
}

.issues_bulk_update {
  .select2-container {
    text-shadow: none;
  }
}

.issue-search-form {
  margin: 0;
  height: 24px;

  .issue_search {
    border: 1px solid #DDD !important;
    background-color: #f4f4f4;
  }
}

.issue-show-labels .label {
  padding: 6px 10px;
}

form.edit-issue {
  margin: 0;
}

.merge-request,
.issue {
  &.today {
    background: #EFE;
    border-color: #CEC;
  }

  &.closed {
    background: #F5f5f5;
    border-color: #E5E5E5;
  }

  &.merged {
    background: #F5f5f5;
    border-color: #E5E5E5;
  }
}
