@import "client/common";

#edit-recording-dialog {

  min-height:330px;

  input, textarea {
    @include border_box_sizing;
  }

  .field {
    margin-top:20px;

    &:nth-of-type(1) {
      margin-top:0;
    }
  }

  .buttons {
    float:right;
    clear:both;
    margin-top:20px;
  }

  label[for="name"] {

  }
  input[name="name"] {
    margin-top:5px;
    width:100%;
  }

  label[for="description"] {

  }
  textarea[name="description"] {
    margin-top:5px;
    width:100%;
  }

  label[for="genre"] {
    display:inline;
    float:left;
    line-height:26px;
    vertical-align:middle;
  }
  select[name="genre"] {
    float:left;
    margin-left:5px;
  }

  .genre-selector {
    float:left;
    .dropdown-wrapper {
      margin-left:5px;
    }
  }

  label[for="is_public"] {
    display: inline;
    float:right;
    line-height: 26px;
    padding-right: 5px;
    vertical-align: middle;
  }
  select[name="is_public"] {
    float:right;
  }
  div[purpose="is_public"] {
    float:right;
    .icheckbox_minimal {
      float:right;
      margin-top:4px;
    }
  }
  label[for="keep"] {
    display: inline;
    float:right;
    line-height: 26px;
    padding-right: 5px;
    vertical-align: middle;
  }
  select[name="keep"] {
    float:right;
  }
  div[purpose="keep"] {
    clear:both;
    float:right;
    .icheckbox_minimal {
      float:right;
      margin-top:4px;
    }
  }



}