diff --git a/scss/pages/homepage.scss b/scss/pages/homepage.scss index dd0e353a23..7461cdf8e4 100644 --- a/scss/pages/homepage.scss +++ b/scss/pages/homepage.scss @@ -39,6 +39,9 @@ span { white-space: nowrap; } + p { + color: transparentize($white, 0.3); + } } #content { @@ -78,6 +81,11 @@ font-size: 13px; line-height: 18px; max-width: 700px; + display: block; + + .or { + font: normal 13px/16px $Ideal; + } button { border: 1px solid transparentize($brown, 0.2); diff --git a/www/index.html.spt b/www/index.html.spt index 55b29a314f..875ddb4f4c 100644 --- a/www/index.html.spt +++ b/www/index.html.spt @@ -72,14 +72,16 @@ from gratipay.security.user import SESSION_TIMEOUT {% endcall %} -
{{ _("Or sign in with:") }} - - {% call auth_button('google', 'opt-in') %}Google{% endcall %} - {% call auth_button('facebook', 'opt-in') %}Facebook{% endcall %} - {% call auth_button('github', 'opt-in') %}GitHub{% endcall %} - {% call auth_button('bitbucket', 'opt-in') %}Bitbucket{% endcall %} - {% call auth_button('openstreetmap', 'opt-in') %}OpenStreetMap{% endcall %} -
+
+
{{ _("Or sign in with:") }}
+ + {% call auth_button('google', 'opt-in') %}Google{% endcall %} + {% call auth_button('facebook', 'opt-in') %}Facebook{% endcall %} + {% call auth_button('github', 'opt-in') %}GitHub{% endcall %} + {% call auth_button('bitbucket', 'opt-in') %}Bitbucket{% endcall %} + {% call auth_button('openstreetmap', 'opt-in') %}OpenStreetMap{% endcall %} + +

{{ _("By signing in, you indicate that you have read and agree to our {0}Terms and Conditions{1}.",