$button-spacing: 8px
.dashboard-lists-header, .dashboard-orders-header
  cursor: pointer
  .icon
    @extend .fa
    @extend .fa-arrow-down
    color: #ccc
    padding-right: 10px
    &.collapsed
      @extend .fa-arrow-right
.dashboard-section-selection
  float: right
  min-width: 124px
  select
    width: calc(100% - 30px)
.active-lists-table
  width: 100%
  .show-list
    +button-icon-only
    margin-left: $button-spacing
    span
      @extend .fa
      @extend .fa-2x
      @extend .fa-list
.mark_list_as_helped
  +button-icon-only
  vertical-align: top
  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
.remove_list_needs_payment
  +button-icon-only
  vertical-align: top
  padding-left: 8px //do not ask me why, just looks
  padding-right: 2px //do not ask me why, just looks
  margin-right: $button-spacing
.close-list-button
  +button-icon-only
.active-orders-table
  width: 100%
  .mark_order_active
    +button-icon-only
    margin-right: 0.6em
  .mark_order_delivered
    +button-icon-only
  .remove-order
    +button-icon-only
    background-color: $alert-color
    margin-left: $button-spacing
    span
      @extend .fa
      @extend .fa-2x
      @extend .fa-times
.go-to-orders-list
  span
    @extend .fa
    @extend .fa-list-alt