.feedback-info
  background: $light-grey
  border-radius: 2px
  overflow: hidden
  padding: 0.5em
  text-overflow: ellipsis
  white-space: nowrap

  +max-width($small)
    float: none
    margin: 0.5em auto
    width: 75%

  &__label
    display: inline-block
    font-size: $f-small
    font-weight: bold

  &__value
    color: $blue
    font-size: $f-small
    font-weight: bold

  &--destination,
  &--identityprovider,
  &--idp-hash,
  &--serviceprovider,
  &--serviceprovidername
    +min-width($small + 1)
      grid-column-end: span 2
      order: -1

  &--entityid,
  &--statusmessage
    +min-width($small + 1)
      grid-column-end: span 3
      order: -1
.feedback-info
  background: $light-grey
  border-radius: 2px
  overflow: hidden
  padding: 0.5em
  text-overflow: ellipsis
  white-space: nowrap

  +max-width($small)
    float: none
    margin: 0.5em auto
    width: 95%

  &__label
    display: inline-block
    font-size: $f-small
    font-weight: bold

  &__value
    color: $blue
    font-size: $f-small
    font-weight: bold

  &--identityprovider,
  &--idp-hash,
  &--serviceprovider,
  &--serviceprovidername
    +min-width($small + 1)
      grid-column-end: span 2
      order: -1

  &--destination,
  &--entityid,
  &--statusmessage
    +min-width($small + 1)
      grid-column-end: span 3
      order: -1
Increase the feedback info width on small devices
Increase the feedback info width on small devices

--destination was also moved to span three columns
