@import 'app_colors'

.pagination-footer
  align-items: center
  background-color: $app-color-white
  border-top: 1px solid $app-color-gray
  bottom: 0
  display: flex
  height: 50px
  padding: 5px 15px
  position: fixed
  width: 100%

  .pagination-controls
    position: fixed
    right: 15px

  .pagination
    display: block
    margin-top: 0

    > .disabled > span
      &:hover
        cursor: not-allowed

@import 'app_colors'

.pagination-footer
  background-color: $app-color-white
  border-top: 1px solid $app-color-gray
  bottom: 0
  height: 50px
  padding: 12px 5px 15px 15px
  position: fixed
  width: 100%

  .pagination-controls
    position: fixed
    right: 15px

  .pagination
    display: block
    margin-top: 0

    > .disabled > span
      &:hover
        cursor: not-allowed

Apply cross-browser fix for pagination vertical alignment
Apply cross-browser fix for pagination vertical alignment

The previous fix using flexbox worked correctly for Chrome but was not
aligning properly in Firefox. This change falls back to using static
pixel values for padding instead of flexbox.

https://www.pivotaltracker.com/story/show/143875655
