.section-edit-mode-button
  +button
  margin: 0
  padding: 2px
  span
    @extend .fa
    @extend .fa-lg
    @extend .fa-edit
.section-normal-mode-button
  +button
  margin: 0
  padding: 2px
  margin-left: 8px
  span
    @extend .fa
    @extend .fa-lg
    @extend .fa-save
.arrange-tables-type-button
  +button($bg: $secondary-color, $padding: $button-tny)
.arrange-tables-current-type
  display: inline-block
  margin-left: 10px
  margin-right: 10px
.section-actions-menu-header
  padding-top: 4px
  padding-bottom: 4px
.arrange-content
  input
    width: 62px
    display: inline-block
.section-manage-tables
  .dropdown-container
    margin-right: 10px
    $icon-right-margin: 8px
    ul
      list-style: none
      margin: 0
      padding: 0
    li
      border-bottom: 1px solid #bbb
      a
        font-size: 0.8em
        display: block
        padding: 4px 7px
        &:hover
          background-color: #ddd
        span.table-qr-codes
          margin-right: $icon-right-margin
    .section-destroy
      color: $alert-color
    span.section-add-tables-icon
      @extend .fa
      @extend .fa-plus-square
      margin-right: $icon-right-margin
    span.section-arrange-tables-icon
      @extend .fa
      @extend .fa-th
      margin-right: $icon-right-margin
    span.section-remove-icon
      @extend .fa
      @extend .fa-trash-o
      margin-right: $icon-right-margin
  input
    height: auto
    padding-top: 4px
    padding-bottom: 4px
    &.section-edit-title-field
      margin-right: 10px
