diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.scss b/client/src/app/+my-account/my-account-history/my-account-history.component.scss index af6395fb1..9eeeaf310 100644 --- a/client/src/app/+my-account/my-account-history/my-account-history.component.scss +++ b/client/src/app/+my-account/my-account-history/my-account-history.component.scss @@ -12,6 +12,8 @@ .top-buttons { margin-bottom: 20px; display: flex; + align-items: center; + flex-wrap: wrap; .history-switch { display: flex; @@ -38,3 +40,20 @@ flex-grow: 1; } } + +@media screen and (max-width: $mobile-view) { + .top-buttons { + .history-switch label, .delete-history { + @include ellipsis; + } + + .history-switch label { + width: 60%; + } + + .delete-history { + margin-left: auto; + max-width: 32%; + } + } +}