diff --git a/services/web/app/views/referal/bonus.pug b/services/web/app/views/referal/bonus.pug
index cdcbd68f97..02f900b0e0 100644
--- a/services/web/app/views/referal/bonus.pug
+++ b/services/web/app/views/referal/bonus.pug
@@ -28,7 +28,7 @@ block content
i.fa.fa-fw.fa-2x.fa-twitter(aria-hidden)
|
| Tweet
-
+
.row
.col-md-8.col-md-offset-2.bonus-banner
.title
@@ -78,7 +78,7 @@ block content
.progress-bar.progress-bar-info(style="width: "+refered_user_count+"0%")
.row.ab-bonus
- .col-md-10.col-md-offset-1.bonus-banner(style="position: relative; height: 70px;")
+ .col-md-10.col-md-offset-1.bonus-banner(style="position: relative; height: 110px;")
.perk(style="left: 10%;", class = refered_user_count >= 1 ? "active" : "") #{translate("one_free_collab")}
.perk(style="left: 30%;", class = refered_user_count >= 3 ? "active" : "") #{translate("three_free_collab")}
.perk(style="left: 60%;", class = refered_user_count >= 6 ? "active" : "") #{translate("free_dropbox_and_history")} + #{translate("three_free_collab")}
@@ -93,7 +93,7 @@ block content
p.thanks !{translate("you_introed_small_number", {numberOfPeople:"" + refered_user_count + ""})}
- else
p.thanks !{translate("you_introed_high_number", {numberOfPeople:"" + refered_user_count + ""})}
-
+
script(type="text/ng-template", id="BonusLinkToUsModal")
.modal-header
button.close(
@@ -163,4 +163,3 @@ block append foot-scripts
ga('send', 'event', 'referal-button', 'clicked', "direct-link")
});
});
-
diff --git a/services/web/frontend/stylesheets/app/bonus.less b/services/web/frontend/stylesheets/app/bonus.less
index 5d30d84707..6fd76588af 100644
--- a/services/web/frontend/stylesheets/app/bonus.less
+++ b/services/web/frontend/stylesheets/app/bonus.less
@@ -93,6 +93,7 @@
border-radius: 5px;
text-align: center;
padding: 5px 5px;
+ min-width: min-content;
width: 110px;
margin-left: -50px;
font-size: 14px;