Merge pull request #2532 from overleaf/hb-fix-bonus-overflow

Set a min width for the perks on the bonus page

GitOrigin-RevId: c767787c14c38790e5250c1647f392ec7d8a8861
This commit is contained in:
Simon Detheridge 2020-01-21 09:38:08 +00:00 committed by Copybot
parent 7ce322758b
commit 2f1d6c0338
2 changed files with 4 additions and 4 deletions

View file

@ -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")}
@ -163,4 +163,3 @@ block append foot-scripts
ga('send', 'event', 'referal-button', 'clicked', "direct-link")
});
});

View file

@ -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;