diff --git a/website/client/src/components/userMenu/profile.vue b/website/client/src/components/userMenu/profile.vue index 274f98b5e2..5f386a6f61 100644 --- a/website/client/src/components/userMenu/profile.vue +++ b/website/client/src/components/userMenu/profile.vue @@ -126,7 +126,7 @@ @@ -135,7 +135,10 @@ class="svg-icon icon-16 color" v-html="icons.gift" > - + {{ $t('sendGift') }} @@ -174,10 +177,10 @@ - {{ $t('adminTools') }} + {{ $t('adminTools') }} @@ -495,23 +498,24 @@ } .progress-container > .progress { - background-color: $gray-700 !important; + background-color: $gray-500 !important; border-radius: 2px; height: 16px !important; min-width: 375px !important; vertical-align: middle !important; - .svg-icon { - height: 28px !important; - margin-top: -2px !important; - width: 28px !important; - } - .progress-bar { height: 16px !important; } } + .progress-container > .svg-icon { + width: 28px; + margin-top: -2px !important; + height: 28px; + margin-right: 8px; + } + .profile-first-row, .progress-container { margin-left: 4px; @@ -561,7 +565,7 @@ } .gift-icon svg { - height: 15.8px; + height: 16px; } @@ -599,29 +603,27 @@ } .admin-profile-actions { - margin-bottom: 3em; + margin-bottom: 48px; .admin-action { color: blue; cursor: pointer; - padding: 0 1em; + padding: 0 16px; } } .profile-actions { float: right; - margin-right: 1em; + margin-right: 16px; button { - height: 32px; - margin-right: 0.5em; - padding: 0.5em; - width: 32px; + margin-right: 8px; + padding: 8px; } } .svg-icon { - color: $gray-50; + color: $gray-50 !important; display: block; margin: 0 auto; } @@ -747,12 +749,19 @@ font-size: 1em; line-height: 1.71; margin-left: 24px; - margin-right: -24px; + margin-right: 8px; width: 148px; } - .dropdown-toggle { - margin-left: 12px; + .dropdown-menu { + margin-left: -48px; + width: 210px; + } + + .dropdown-menu.show { + display: block; + width: 210px; + margin-left: -48px; } .dot-menu { @@ -761,6 +770,15 @@ width: 32px; } + .send-gift { + margin-top: 3px; + } + + .admin-tools { + background-color: $gray-700; + } + + .info { margin-top: 16px; line-height: 1.71;