table
  &.table
    // Bootstrap behaviour
    width: 100%
  td.actions, th.actions
    text-align: right
    +table-fit
  th.status-icons, td.status-icons
    +table-fit
  td
    &.boolean
      text-align: center
    &.currency
      text-align: right
    &.time
      text-align: right
    &.date
      text-align: right
.table-edit
  +button($bg: $secondary-color)
  +button-icon-only
  span
    @extend .fa
    @extend .fa-pencil
a.table-qr-codes
  +button($bg: $secondary-color)
  +button-icon-only
  span
    @extend .fa
    @extend .fa-qrcode
span.table-qr-codes
  @extend .fa
  @extend .fa-qrcode
.table-destroy
  +button($bg: $secondary-color)
  +button-icon-only
  color: $warning-color

  margin-left: 8px
  span
    @extend .fa
    @extend .fa-times
.section-dashboard-orders
  +button($bg: $secondary-color)
  +button-icon-only
  margin-right: 0.7rem
  span
    @extend .fa
    @extend .fa-list-alt
