diff --git a/app/coffee/modules/common/attachments.coffee b/app/coffee/modules/common/attachments.coffee
index 3402a392..fb36ccde 100644
--- a/app/coffee/modules/common/attachments.coffee
+++ b/app/coffee/modules/common/attachments.coffee
@@ -159,8 +159,9 @@ AttachmentsDirective = ($confirm) ->
attachments
-
diff --git a/app/partials/user-profile.jade b/app/partials/user-profile.jade
index 0826e8d8..2b4289e5 100644
--- a/app/partials/user-profile.jade
+++ b/app/partials/user-profile.jade
@@ -24,9 +24,9 @@ block content
span.icon.icon-spinner
input(type="file", id="avatar-field", class="hidden",
tg-avatar-model="avatarAttachment")
-
- p The image will be cropped to 80x80 size.
- a.button.button-green.change Change
+ p The image will be cropped to 80x80px.
+ span.hidden Maximum upload size is 700Kb
+ a.button.button-green.change(title="Maximum upload size is 700Kb") Change
a.use-gravatar Use gravatar image
div.data
@@ -60,7 +60,7 @@ block content
a.delete-account(href="", title="Delete Taiga account",
ng-click="ctrl.openDeleteLightbox()") Delete Taiga account
- div.lightbox.lightbox-delete-account.hidden(tg-lb-delete-user)
+ div.lightbox.lightbox-delete-account.hidden(tg-lb-delete-user)
div.lightbox.lightbox-confirm-use-gravatar.hidden
include views/modules/lightbox-use-gravatar
diff --git a/app/styles/modules/common/attachments.scss b/app/styles/modules/common/attachments.scss
index 56a2fdc9..b49b67e0 100644
--- a/app/styles/modules/common/attachments.scss
+++ b/app/styles/modules/common/attachments.scss
@@ -169,4 +169,8 @@
input {
display: none;
}
+ span {
+ @extend %small;
+ color: $gray-light;
+ }
}
diff --git a/app/styles/modules/user-settings/user-profile.scss b/app/styles/modules/user-settings/user-profile.scss
index a720aa64..21c1a219 100644
--- a/app/styles/modules/user-settings/user-profile.scss
+++ b/app/styles/modules/user-settings/user-profile.scss
@@ -36,9 +36,13 @@
}
p {
@extend %xsmall;
- margin-bottom: 0;
+ line-height: .8rem;
+ margin-bottom: .3rem;
text-align: center;
}
+ span {
+ @extend %bold;
+ }
.use-gravatar {
@extend %small;
cursor: pointer;