diff options
-rw-r--r-- | client/src/app/+my-account/my-account-history/my-account-history.component.scss | 19 |
1 files changed, 19 insertions, 0 deletions
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 @@ | |||
12 | .top-buttons { | 12 | .top-buttons { |
13 | margin-bottom: 20px; | 13 | margin-bottom: 20px; |
14 | display: flex; | 14 | display: flex; |
15 | align-items: center; | ||
16 | flex-wrap: wrap; | ||
15 | 17 | ||
16 | .history-switch { | 18 | .history-switch { |
17 | display: flex; | 19 | display: flex; |
@@ -38,3 +40,20 @@ | |||
38 | flex-grow: 1; | 40 | flex-grow: 1; |
39 | } | 41 | } |
40 | } | 42 | } |
43 | |||
44 | @media screen and (max-width: $mobile-view) { | ||
45 | .top-buttons { | ||
46 | .history-switch label, .delete-history { | ||
47 | @include ellipsis; | ||
48 | } | ||
49 | |||
50 | .history-switch label { | ||
51 | width: 60%; | ||
52 | } | ||
53 | |||
54 | .delete-history { | ||
55 | margin-left: auto; | ||
56 | max-width: 32%; | ||
57 | } | ||
58 | } | ||
59 | } | ||