$editor-chome-color: $navbar-inverse-color;

.grid-row-editor {
  position: absolute;

  form {
    background-color: $editor-chome-color;
    .edit {
      position: absolute;
      &:first-child {
        margin-left: 4px;
      }
    }

  }
  .edit {
    margin-top: 6px;
  }

  .controls {
    text-align: center;
    position: relative;
    height: 0px;
    overflow: visible;
    .buttons {
      background-color: $editor-chome-color;
      display: inline-block;
      padding: 2px 8px 8px;
      position: relative;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px;

      // http://css-tricks.com/better-tabs-with-round-out-borders/
      &:before,
      &:after {
        border: 1px solid $editor-chome-color;
        position: absolute;
        top: -1px;
        width: 7px;
        height: 6px;
        content: " ";
      }
      &:before {
        left: -7px;
        border-top-right-radius: 6px;
        border-width: 1px 1px 0px 0px;
        box-shadow: 3px 0px 0px $editor-chome-color;
      }
      &:after {
        right: -7px;
        border-top-left-radius: 6px;
        border-width: 1px 0px 0px 1px;
        box-shadow: -3px 0px 0px $editor-chome-color;
      }


    }
  }
}

.grid-popover-editor {
  .buttons {
    text-align: center;
  }
}