@import 'colours'
@import 'variables'

.job-info-container
  width: 100%
  display: block
  border-bottom: 1px solid $border-default
  padding-bottom: 20px

  .columns
    margin: 0

    .column
      padding: 0 5px

      .build-info-content
        width: 100%
        height: 100%
        display: flex
        align-items: center
        justify-content: flex-start

        .tag
          margin: 0 5px


        .committer-avatar
          width: 40px
          height: 40px
          display: block
          border-radius: $border-radius
          margin-right: 10px

        .avatars-container
          width: 40px
          height: 40px
          display: block
          margin-right: 10px
          position: relative

          .committer-avatar
            margin-right: 0

          .author-avatar
            width: 30px
            height: 30px
            display: block
            border-radius: $border-radius
            position: absolute
            top: -10px
            left: -10px
            z-index: 9

        .desc-text
          font-size: 14px

        .time-text
          font-size: 16px
          font-weight: $weight-medium

        i
          margin-right: 10px

.console-output
  position: relative
  width: 100%
  height: 100%
  padding: 0 15px

.console-link
  color: $text-primary
  font-size: 12px
  font-weight: $weight-medium
  display: flex
  align-items: center
  margin-left: 20px
  padding: 0 5px
  cursor: pointer

  i
    margin-right: 7px
