_secrets.less

.osc-secrets-form {
  .advanced-secrets,
  .basic-secrets {
    .input-labels,
    .help-blocks {
      display: table;
      padding-right: 30px;
      position: relative;
      width: 100%;
      .input-label,
      .help-block {
        width: 100%;
        float: left;
        padding-right: 5px;
      }
    }
    .secret-row {
      display: table;
      padding-right: 30px;
      position: relative;
      width: 100%;
      padding-bottom: 5px;
      .secret-name {
        float: left;
        padding-right: 5px;
        width: 100%;
      }
      .remove-secret {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
      }
    }
  }

  .advanced-secrets {
    .input-labels,
    .help-blocks {
      .input-label,
      .help-block {
        width: 50%;
      }
    }
    .secret-row {
      .secret-name,
      .destination-dir {
        width: 50%;
        display: inline-block;
      }
    }
  }

  .remove-btn {
    color: #333;
    margin-left: 5px;
    opacity: 0.65;
    font-size: 15px;
    vertical-align: middle;
    &:hover {
      opacity: 1;
      text-decoration: none;
    }
    &:focus {
      text-decoration: none;
    }
  }
}

dl.secret-data {
  overflow: hidden;
  pre {
    margin-bottom: 0;
  }
  dd {
    margin-bottom: 10px;
    overflow-x: auto;
    .copy-to-clipboard {
      font-family: @font-family-monospace;
    }
  }
  @media (min-width: @screen-md-min) {
    .dl-horizontal();
  }
}

.create-secret-modal {
  background-color: #F5F5F5;
  .modal-footer{
    margin-top: 0px
  }
  .modal-body {
    padding: 0px 18px;
  }
}

.create-secret-editor {
  height: 150px;
}