.form-group {
  margin-bottom: $line-height-computed * 1.5;
}

.form-actions {
  padding-top: $line-height-computed;
  padding-bottom: $line-height-computed;
  border-top: 1px solid $brand-divider;
  text-align: right;
  margin-top: $line-height-computed * 1.5;
}

.help-block {
  margin-top: 10px;
  font-size: $font-size-small;
}

textarea {
  resize: vertical;
}

.markdown-editor-control {
  position: relative;

  .form-control {
    padding-bottom: 72px;
  }

  &.dz-drag-hover {
    .form-control {
      @extend .form-control:focus;
      background-color: $component-active-bg;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),
                  0 0 6px lighten($input-border-focus, 20%);

    }
  }

  > .dropzone-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.form-actions {
  padding-top: $line-height-computed;
  border-top: 1px solid $brand-divider;
  text-align: right;
}

.help-block {
  margin-top: $font-size-small * $line-height-base / 2;
  font-size: $font-size-small;
}

textarea {
  resize: vertical;
}

.markdown-editor-control {
  position: relative;

  .form-control {
    padding-bottom: 72px;
  }

  &.dz-drag-hover {
    .form-control {
      @extend .form-control:focus;
      background-color: $component-active-bg;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),
                  0 0 6px lighten($input-border-focus, 20%);

    }
  }

  > .dropzone-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

Remove a bunch of extra padding on form elements.
Remove a bunch of extra padding on form elements.

Made them look ugly and unusable in only the most constrained situations.
