
.toastify-content {
  position: relative;
  min-height: 48px;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  &--default {
    background: $color-default;
    color: #aaa;
  }
  &--info {
    background: $color-info;
  }
  &--success {
    background: $color-success;
  }
  &--warning {
    background: $color-warning;
  }
  &--error {
    background: $color-error;
  }
}

.toastify__body {
  margin: auto 0;
}

@media #{$smartphone-portrait} {
  .toastify-content{
    margin-bottom: 0;  
  }
}

.toastify-content {
  position: relative;
  min-height: 48px;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  &--default {
    background: $color-default;
    color: #aaa;
  }
  &--info {
    background: $color-info;
  }
  &--success {
    background: $color-success;
  }
  &--warning {
    background: $color-warning;
  }
  &--error {
    background: $color-error;
  }
}

.toastify__body {
  margin: auto 0;
  flex: 1;
}

@media #{$smartphone-portrait} {
  .toastify-content{
    margin-bottom: 0;  
  }
}
Fix issue with ie11 flexbox
Fix issue with ie11 flexbox

When the progress bar is displayed(use absolute position) the close button is not well positioned.
Append only with ie11. Set flex to 1 for the toast body seems to fix the issue.
This relate to issue #37
