diff --git a/client/styles/components/_toast.scss b/client/styles/components/_toast.scss index d8085972..e1219676 100644 --- a/client/styles/components/_toast.scss +++ b/client/styles/components/_toast.scss @@ -3,10 +3,14 @@ color: $toast-text-color; padding: #{10 / $base-font-size}rem; position: absolute; - top: 0; - right: 40%; + bottom: 10%; + left: 5%; + min-width: #{375 / $base-font-size}rem; //500px + font-size: #{20 / $base-font-size}rem; display: flex; z-index: 9999; + align-items: center; + justify-content: space-between; box-shadow: 0 6px 6px 0 rgba(0,0,0,0.10); } @@ -14,5 +18,6 @@ @include themify() { @extend %icon-toast; } - margin-left: #{20 / $base-font-size}rem; + padding-top: #{10 / $base-font-size}rem; + margin-left: #{40 / $base-font-size}rem; } \ No newline at end of file