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;