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

    .issue-title {
      margin-bottom: 5px;
      font-size: $list-font-size;
      font-weight: bold;
    }

    .issue-info {
      color: $gl-gray;
    }

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

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

    .issue-no-comments {
      opacity: 0.5;
    }
  }
}

.check-all-holder {
  line-height: 36px;
  float: left;
  margin-right: 15px;
}

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

  form {
    margin: 0;
  }
}

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

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

.issue-show-labels {
  a {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    .color-label {
      padding: 6px 10px;
    }
  }
}

form.edit-issue {
  margin: 0;
}

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

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

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

@media (max-width: $screen-xs-max) {
  .issue-btn-group {
    width: 100%;
    margin-top: 5px;

    .btn-group {
      width: 100%;

      ul {
        width: 100%;
        text-align: center;
      }
    }

    .btn {
      width: 100%;
      margin-top: -1px;

      &:first-child:not(:last-child) {
        border-radius: 4px 4px 0 0;
      }

      &:not(:first-child):not(:last-child) {
        border-radius: 0;
      }

      &:last-child:not(:first-child) {
        border-radius: 0 0 4px 4px;
      }
    }
  }

  .issue {
    &:hover  .issue-actions {
      display: none !important;
    }

    .issue-updated-at {
      display: none;
    }
  }
}

.issue-form .select2-container {
  width: 250px !important;
}
