diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue index 5633d01e03..818e75bc74 100644 --- a/src/components/account_actions/account_actions.vue +++ b/src/components/account_actions/account_actions.vue @@ -91,4 +91,7 @@ } } +.account-actions .open { + min-width: 130px; +} diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue index aa071a7336..199404fd89 100644 --- a/src/components/user_card/user_card.vue +++ b/src/components/user_card/user_card.vue @@ -59,17 +59,22 @@ :title="$t('tool_tip.user_settings')" /> - - - - + + + + +
@@ -273,7 +278,7 @@ mask: linear-gradient(to top, white, transparent) bottom no-repeat, linear-gradient(to top, white, white); // Autoprefixed seem to ignore this one, and also syntax is different - -webkit-mask-composite: xor; + -webkit-mask-composite: xor; mask-composite: exclude; background-size: cover; mask-size: 100% 60%; @@ -410,6 +415,19 @@ .top-line { display: flex; + .card-actions { + position: relative; + display: flex; + width: 60px; + .account-actions { + position: absolute; + left: 0; + } + a { + position: absolute; + right: 0; + } + } } }