.button-text
  // Only icons for now
  display: none
.mark-list-as-helped-button
  +button-icon-only
  vertical-align: middle
  padding-left: 8px //do not ask me why, just looks
  padding-right: 2px //do not ask me why, just looks
  margin-right: $button-spacing
  span
    @extend .fa, .fa-2x, .fa-bell-slash-o
.mark-order-active-button
  +button-icon-only
  margin-right: 0.6em
.mark-order-delivered-button
  +button-icon-only
.show-list-button
  +button-icon-only
  vertical-align: middle
  margin-left: $button-spacing
.mark-order-cancelled-button
  +button($bg: $alert-color)
  +button-icon-only
  margin-left: $button-spacing
  span
    @extend .fa
    @extend .fa-2x
    @extend .fa-times

.change-list-table-button
  +button($bg: $warning-color, $padding: $button-tny)
  margin: 0
  margin-bottom: 8px
.close-list-button
  +button-icon-only
  vertical-align: middle
.remove-list-needs-payment-button
  +button-icon-only
  vertical-align: middle
  padding-left: 8px //do not ask me why, just looks
  padding-right: 2px //do not ask me why, just looks
  margin-right: $button-spacing