diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss index 848ec5f6a..f2c156542 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss @@ -113,10 +113,18 @@ } &:last-child { - margin-bottom: $space-small; + margin-bottom: 0; } &.unread--toast { + +.right { + margin-bottom: 0; + } + + +.left { + margin-bottom: 0; + } + span { @include elegant-card; @include round-corner; @@ -140,6 +148,7 @@ } } + &.left { .bubble { @@ -183,6 +192,19 @@ } } + +.unread--toast { + +.right { + margin-top: $space-one; + + .bubble { + border-top-right-radius: $space-one; + } + } + + +.left { + margin-top: 0; + } + } } &.right { @@ -226,6 +248,21 @@ border-top-left-radius: $space-one; } } + + +.unread--toast { + +.left { + margin-top: $space-one; + + .bubble { + border-top-left-radius: $space-one; + } + } + + +.right { + margin-top: 0; + } + } + } &.center {