diff --git a/docs/setup/administrators/configuration.md b/docs/setup/administrators/configuration.md
index 37f5dc489ac416663e40f81ba163f93a33cc5062..238c75605ac0153ca8ed1f800ce6fbb84e0e0ddb 100644
--- a/docs/setup/administrators/configuration.md
+++ b/docs/setup/administrators/configuration.md
@@ -62,10 +62,15 @@ Seconds to enter password on password page while email change/2FA change (defaul
The age of session cookies, in seconds.
-This determines the length of time for which the user will remain logged in. The default value is 2 weeks.
+This determines the length of time for which the user will remain logged in. The default value is 12 hours.
- SESSION_COOKIE_AGE = env.int('SESSION_COOKIE_AGE', 60 * 60 * 24 * 7 * 2)
+ SSESSION_COOKIE_AGE = env.int("SESSION_COOKIE_AGE", 60 * 60 * 12)
+The age of session cookies when users check "Remember me" etc., in seconds. The default value is 2 weeks.
+
+ SESSION_COOKIE_AGE_LONG = env.int("SESSION_COOKIE_AGE_LONG", 60 * 60 * 24 * 7 * 2)
+
+If both session value are equal the "Remember me" feature are disabled.
## Hypha custom settings
diff --git a/hypha/apply/dashboard/templates/dashboard/includes/my-tasks.html b/hypha/apply/dashboard/templates/dashboard/includes/my-tasks.html
index fdefb9137ccafd32023a04ed25e5f3aaac91d150..22946b655fa6076934acb281e2132e43503421fc 100644
--- a/hypha/apply/dashboard/templates/dashboard/includes/my-tasks.html
+++ b/hypha/apply/dashboard/templates/dashboard/includes/my-tasks.html
@@ -17,7 +17,7 @@
</span>
{% endif %}
</div>
- <a class="button button-primary" href="{{ task.url }}">{% trans "View" %}</a>
+ <a class="button button--primary" href="{{ task.url }}">{% trans "View" %}</a>
</div>
{% endfor %}
</div>
diff --git a/hypha/apply/review/templates/review/review_detail.html b/hypha/apply/review/templates/review/review_detail.html
index 0c84fc7e4f06edb02ece2b308b772a3425df565e..b1bbdccf64a23aca62c1b463008a8ba72bfb7d82 100644
--- a/hypha/apply/review/templates/review/review_detail.html
+++ b/hypha/apply/review/templates/review/review_detail.html
@@ -60,7 +60,7 @@
<p class="text-xs">
* {% trans "Review was not against the latest version" %}<br>
</p>
- <a class="button button-primary" href="{{ review.get_compare_url }}">{% trans "Compare" %}</a>
+ <a class="button button--primary" href="{{ review.get_compare_url }}">{% trans "Compare" %}</a>
</div>
{% comment %} {% endif %} {% endcomment %}
</div>
diff --git a/hypha/apply/templates/forms/includes/multi_input_field.html b/hypha/apply/templates/forms/includes/multi_input_field.html
index 75e4657cbac223798c8b26291ef253c9c3c0f906..ccf068a53e1521e62ab96e9f12de0f0612d527fd 100644
--- a/hypha/apply/templates/forms/includes/multi_input_field.html
+++ b/hypha/apply/templates/forms/includes/multi_input_field.html
@@ -11,7 +11,7 @@
{% if field.field.multi_input_add_button %}
<button
- class="link link--button link--button--narrow multi-input-add-btn mt-2{% if is_application and field.field.group_number > 1 %} field-group field-group-{{ field.field.group_number }}{% endif %}"
+ class="button button--primary button--narrow multi-input-add-btn my-2{% if is_application and field.field.group_number > 1 %} field-group field-group-{{ field.field.group_number }}{% endif %}"
type="button" data-multi-field-id="{{ field.field.multi_input_id }}"
data-multi-visibility-index="{{ field.field.visibility_index }}"
data-multi-max-index="{{ field.field.max_index }}"
diff --git a/hypha/apply/users/forms.py b/hypha/apply/users/forms.py
index bbe5356a45978971077a27a8bab3f7c003064b20..6c8cc14b9c812ac0c3050aea28f96b0258cdb678 100644
--- a/hypha/apply/users/forms.py
+++ b/hypha/apply/users/forms.py
@@ -1,4 +1,5 @@
from django import forms
+from django.conf import settings
from django.contrib.auth import get_user_model
from django.contrib.auth.forms import AuthenticationForm
from django.template.defaultfilters import mark_safe
@@ -12,6 +13,24 @@ User = get_user_model()
class CustomAuthenticationForm(AuthenticationForm):
+ """Form to collect the email and password for login.
+
+ Add "Remember me" checkbox that extends session time.
+
+ Adds login extra text and user content to the form, if configured in the
+ wagtail auth settings.
+ """
+
+ if settings.SESSION_COOKIE_AGE <= settings.SESSION_COOKIE_AGE_LONG:
+ remember_me = forms.BooleanField(
+ label=_("Remember me"),
+ help_text=_(
+ "On trusted devices only, keeps you logged in for a longer period."
+ ),
+ required=False,
+ widget=forms.CheckboxInput(),
+ )
+
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.user_settings = AuthSettings.load(request_or_site=self.request)
@@ -25,7 +44,7 @@ class CustomAuthenticationForm(AuthenticationForm):
class PasswordlessAuthForm(forms.Form):
- """Form to collect the email for passwordless login or signup (if enabled)
+ """Form to collect the email for passwordless login or signup (if enabled).
Adds login extra text and user content to the form, if configured in the
wagtail auth settings.
diff --git a/hypha/apply/users/migrations/0025_remove_authsettings_register_extra_text.py b/hypha/apply/users/migrations/0025_remove_authsettings_register_extra_text.py
new file mode 100644
index 0000000000000000000000000000000000000000..0c7874063f53586c764cf933ce11a1c0635645ce
--- /dev/null
+++ b/hypha/apply/users/migrations/0025_remove_authsettings_register_extra_text.py
@@ -0,0 +1,16 @@
+# Generated by Django 4.2.11 on 2024-05-14 12:51
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+ dependencies = [
+ ("users", "0024_update_is_staff"),
+ ]
+
+ operations = [
+ migrations.RemoveField(
+ model_name="authsettings",
+ name="register_extra_text",
+ ),
+ ]
diff --git a/hypha/apply/users/models.py b/hypha/apply/users/models.py
index 43783f54429fffdc6fce4bca88a23b7d602a7a5e..2470e68affb4c4cfdfc22de1da1390135e4f8a15 100644
--- a/hypha/apply/users/models.py
+++ b/hypha/apply/users/models.py
@@ -349,9 +349,6 @@ class AuthSettings(BaseGenericSetting):
blank=True,
help_text=_("Displayed along side login form"),
)
- register_extra_text = RichTextField(
- blank=True, help_text=_("Extra text to be displayed on register form")
- )
panels = [
MultiFieldPanel(
@@ -368,12 +365,6 @@ class AuthSettings(BaseGenericSetting):
],
_("Login form customizations"),
),
- MultiFieldPanel(
- [
- FieldPanel("register_extra_text"),
- ],
- _("Register form customizations"),
- ),
]
diff --git a/hypha/apply/users/templates/users/login.html b/hypha/apply/users/templates/users/login.html
index 66e473638446743caa6abf2ed31a272ba24f855c..6cfdcfe099868413729f428b9f9da09fbb6c5639 100644
--- a/hypha/apply/users/templates/users/login.html
+++ b/hypha/apply/users/templates/users/login.html
@@ -61,7 +61,7 @@
{% endif %}
<div class="form__group max-w-sm flex items-center justify-between gap-4">
- <button class="link link--button link--button--login" type="submit">{% trans "Log in" %}</button>
+ <button class="button button--primary button--login" type="submit">{% trans "Log in" %}</button>
</div>
<div class="flex items-center justify-center min-[465px]:justify-start relative mb-4">
diff --git a/hypha/apply/users/templates/users/partials/confirmation_code_sent.html b/hypha/apply/users/templates/users/partials/confirmation_code_sent.html
index 8b998aad341409e2ec52b656306e88b1b156b0ff..e8f1c434209b5f15961a7018146fe65045fe4cd9 100644
--- a/hypha/apply/users/templates/users/partials/confirmation_code_sent.html
+++ b/hypha/apply/users/templates/users/partials/confirmation_code_sent.html
@@ -33,7 +33,7 @@
<div>
<button
- class="button button-primary block mb-4"
+ class="button button--primary block mb-4"
type="submit"
hx-post="{% url 'users:elevate_check_code' %}{% if redirect_url %}?next={{ redirect_url }}{% endif %}"
hx-validate="true"
diff --git a/hypha/apply/users/templates/users/password_reset/form.html b/hypha/apply/users/templates/users/password_reset/form.html
index 82ef552a61d74a8c6d6c028c817f6f6bb071b55f..db13698f84311d4fb83b2c687986cefc8e545b9b 100644
--- a/hypha/apply/users/templates/users/password_reset/form.html
+++ b/hypha/apply/users/templates/users/password_reset/form.html
@@ -28,7 +28,7 @@
<p>{{ form.email.label_tag }}</p>
<p>{{ form.email }}</p>
- <button class="link link--button link--button--login" type="submit">{% trans "Send reset email" %}</button>
+ <button class="button button--primary button--login" type="submit">{% trans "Send reset email" %}</button>
</form>
</div>
</section>
diff --git a/hypha/apply/users/templates/users/passwordless_login_signup.html b/hypha/apply/users/templates/users/passwordless_login_signup.html
index 40c99a60a5cbd63248e019dfc0de21b6d6123849..1d0774c89399cbff3eb30f0d04efb621f5ae87f7 100644
--- a/hypha/apply/users/templates/users/passwordless_login_signup.html
+++ b/hypha/apply/users/templates/users/passwordless_login_signup.html
@@ -44,7 +44,7 @@
{% endif %}
<div class="form__group">
- <button class="link link--button link--button--login" type="submit">{% trans "Next" %}</button>
+ <button class="button button--primary button--login" type="submit">{% trans "Next" %}</button>
</div>
<div class="flex items-center justify-center min-[465px]:justify-start relative mb-4">
diff --git a/hypha/apply/users/views.py b/hypha/apply/users/views.py
index 430643ced2ee646ac448a8b1a3cc73f623a8e58a..4a93f986d6eb945f352da71a60a1a6d09dde6268 100644
--- a/hypha/apply/users/views.py
+++ b/hypha/apply/users/views.py
@@ -50,7 +50,6 @@ from wagtail.models import Site
from wagtail.users.views.users import change_user_perm
from hypha.core.mail import MarkdownMail
-from hypha.home.models import ApplyHomePage
from .decorators import require_oauth_whitelist
from .forms import (
@@ -94,17 +93,17 @@ class LoginView(TwoFactorLoginView):
def get_context_data(self, form, **kwargs):
context_data = super(LoginView, self).get_context_data(form, **kwargs)
- context_data["is_public_site"] = True
context_data["redirect_url"] = get_redirect_url(
self.request, self.redirect_field_name
)
- if (
- Site.find_for_request(self.request)
- == ApplyHomePage.objects.first().get_site()
- ):
- context_data["is_public_site"] = False
return context_data
+ def post(self, *args, **kwargs):
+ # Set longer session time if Remember me is checked.
+ if bool(self.request.POST.get("auth-remember_me", None) == "on"):
+ self.request.session.set_expiry(settings.SESSION_COOKIE_AGE_LONG)
+ return super().post(*args, **kwargs)
+
@method_decorator(login_required, name="dispatch")
class AccountView(UpdateView):
diff --git a/hypha/public/news/templates/news/news_index.html b/hypha/public/news/templates/news/news_index.html
index 1cdeb6220791654bc5cc98b63cc49d78b6abc027..81dc40ff7633973c19d141c32c8606e15cd5b83d 100644
--- a/hypha/public/news/templates/news/news_index.html
+++ b/hypha/public/news/templates/news/news_index.html
@@ -19,7 +19,7 @@
{% endfor %}
</select>
</div>
- <button class="link link--button link--button__stretch" type="submit">Filter</button>
+ <button class="button" type="submit">Filter</button>
</form>
{% if news %}
diff --git a/hypha/settings/base.py b/hypha/settings/base.py
index a74a745d79e5069d8c84155d1f44182cd5712ee8..044aee86cfac72e43e92eaf31bdaae650eb3a480 100644
--- a/hypha/settings/base.py
+++ b/hypha/settings/base.py
@@ -494,8 +494,13 @@ if env.bool("BASIC_AUTH_ENABLED", False):
# Sessions
# https://docs.djangoproject.com/en/stable/ref/settings/#sessions
-# The age of session cookies, in seconds.
-SESSION_COOKIE_AGE = env.int("SESSION_COOKIE_AGE", 60 * 60 * 24 * 7 * 2) # 2 weeks
+# The default age of session cookies, in seconds.
+SESSION_COOKIE_AGE = env.int("SESSION_COOKIE_AGE", 60 * 60 * 12) # 12 hours
+
+# The age of session cookies when users check "Remember me" etc., in seconds.
+SESSION_COOKIE_AGE_LONG = env.int(
+ "SESSION_COOKIE_AGE_LONG", 60 * 60 * 24 * 7 * 2
+) # 2 weeks
# This is used by Wagtail's email notifications for constructing absolute URLs.
PRIMARY_HOST = env.str("PRIMARY_HOST", None)
diff --git a/hypha/static_src/javascript/submission-form-copy.js b/hypha/static_src/javascript/submission-form-copy.js
index 739a2d4d552c570eb15c9da41857c6e829e0d91c..5a7f89beea673f882287fe81d36031a0167e1656 100644
--- a/hypha/static_src/javascript/submission-form-copy.js
+++ b/hypha/static_src/javascript/submission-form-copy.js
@@ -95,7 +95,7 @@
var $button = $("<button/>")
.text("Copy questions to clipboard")
.addClass(
- "link link--button link--button--narrow js-clipboard-button"
+ "button button--primary button--narrow my-2 js-clipboard-button"
)
.attr(
"title",
@@ -106,9 +106,7 @@
.clone()
.css({ display: "block", "margin-left": "auto" })
.insertBefore($application_form);
- $button
- .css({ "margin-left": "20px" })
- .insertAfter($application_form.find("button").last());
+ $button.insertAfter($application_form.find("button").last());
$(".js-clipboard-button").on("click", function (e) {
e.preventDefault();
diff --git a/hypha/static_src/javascript/toggle-related.js b/hypha/static_src/javascript/toggle-related.js
index 0743f53c7e15d7356a44a1d9886a4abc739150c4..d9e3d1c0e1647000eff341dedc104b9aa1b62a07 100644
--- a/hypha/static_src/javascript/toggle-related.js
+++ b/hypha/static_src/javascript/toggle-related.js
@@ -7,7 +7,7 @@
.getBoundingClientRect().height;
let button_show = document.createElement("button");
- button_show.classList.add("link", "link--button", "link--button--narrow");
+ button_show.classList.add("button", "button--primary", "button--narrow");
button_show.textContent = "Show";
let button_wrapper = document.createElement("p");
diff --git a/hypha/static_src/sass/abstracts/_mixins.scss b/hypha/static_src/sass/abstracts/_mixins.scss
index eada294fed56849ab2da1aeef903c83cf30f0d1c..f323fd42812f6da05f03ba80e6cc3f27cfd79e03 100644
--- a/hypha/static_src/sass/abstracts/_mixins.scss
+++ b/hypha/static_src/sass/abstracts/_mixins.scss
@@ -40,17 +40,12 @@
// Hide text
@mixin hidden {
position: absolute;
- width: 1px;
+ clip: rect(0 0 0 0);
+ clip-path: inset(50%);
height: 1px;
+ width: 1px;
overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px);
-}
-
-// iOS Native vertical scroll
-@mixin native-vertical-scroll {
- overflow-x: hidden;
- overflow-y: scroll;
- -webkit-overflow-scrolling: touch;
+ white-space: nowrap;
}
// Output a rem value for the given property
@@ -97,6 +92,7 @@
justify-content: center;
&:hover,
+ &:focus,
&:active {
cursor: pointer;
background: $hover-bg;
@@ -181,12 +177,6 @@
}
}
-// used for the submission list items in the react app
-@mixin submission-list-item {
- border-block-end: 2px solid $color--light-mid-grey;
- border-inline-end: 2px solid $color--light-mid-grey;
-}
-
@mixin table-ordering-styles {
thead {
th {
diff --git a/hypha/static_src/sass/abstracts/_variables.scss b/hypha/static_src/sass/abstracts/_variables.scss
index ff40c1066686d76fb1bfaab0082ed44c597784eb..02c319c07b8b0948453ad5c50e48c6a028642de2 100644
--- a/hypha/static_src/sass/abstracts/_variables.scss
+++ b/hypha/static_src/sass/abstracts/_variables.scss
@@ -99,6 +99,9 @@ $wrapper--small: 790px;
// Text line length
$max-text-line-length: 50em;
+// The custom width of 465px allow the buttons to scale with the input field
+$input-box-max-width: 465px;
+
// Breakpoints
$breakpoints: (
"mob-portrait" "(min-width: 320px)",
@@ -131,3 +134,10 @@ $table-breakpoint: "tablet-landscape";
// Dropdown height
$dropdown-height: 45px;
+
+// Border radius
+$rounded-sm: 0.125rem;
+$rounded: 0.25rem;
+$rounded-md: 0.375rem;
+$rounded-lg: 0.5rem;
+$rounded-full: 9999px;
diff --git a/hypha/static_src/sass/components/_button.scss b/hypha/static_src/sass/components/_button.scss
index b78d275b358e688ca1ff7b95e898c08dc08c30b4..33ce572b013b59d0fdcd99aed9eb440f5f8be1fe 100644
--- a/hypha/static_src/sass/components/_button.scss
+++ b/hypha/static_src/sass/components/_button.scss
@@ -5,6 +5,7 @@
background-image: none;
border: 0;
box-shadow: none;
+ border-radius: $rounded-sm;
&:hover {
cursor: pointer;
@@ -16,8 +17,6 @@
opacity: 0.5;
}
- &-default,
- &-primary,
&--primary {
@include button($color--light-blue, $color--dark-blue);
display: inline-block;
@@ -52,25 +51,36 @@
}
}
- &--left-space {
- margin-inline-start: 20px;
+ &--login {
+ /* stylelint-disable-next-line media-query-no-invalid */
+ @media (min-width: $input-box-max-width) {
+ width: 20rem;
+ }
}
&--transparent {
@include button(transparent, $color--black);
- @include button--narrow;
color: $color--black;
border: 1px solid $color--black;
- &:focus {
- color: $color--black;
- }
-
+ &:active,
+ &:focus,
&:hover {
color: $color--white;
}
}
+ &--mobile-standout {
+ color: $color--white;
+ border-color: $color--white;
+ max-width: 250px;
+ margin: 1rem auto 0;
+
+ @include media-query(tablet-portrait) {
+ display: none;
+ }
+ }
+
&--cookieconsent {
@include button(transparent, $color--white);
display: inline;
@@ -156,6 +166,18 @@
}
}
+ &--left-space {
+ margin-inline-start: 20px;
+ }
+
+ &--narrow {
+ @include button--narrow;
+ }
+
+ &--wide {
+ @include button--wide;
+ }
+
&--full-width {
width: 100%;
text-align: center;
@@ -295,7 +317,7 @@
text-align: left;
line-height: 1rem;
border: 1px solid $color--white;
- border-radius: 3px;
+ border-radius: $rounded-sm;
}
&::after {
diff --git a/hypha/static_src/sass/components/_link.scss b/hypha/static_src/sass/components/_link.scss
index 591eb11242f536f06c71532311d3d31b070ef094..274ce6744a7a366976175287896c7335b61a86f9 100644
--- a/hypha/static_src/sass/components/_link.scss
+++ b/hypha/static_src/sass/components/_link.scss
@@ -5,30 +5,6 @@
opacity: 0.5;
}
- &--button {
- @include button($color--light-blue, $color--dark-blue);
- display: inline-block;
-
- // The custom width of 465px allow the buttons to scale with the input field
- $input-box-max-width: 465px;
-
- &--narrow {
- @include button--narrow;
- }
-
- &--login {
- /* stylelint-disable-next-line media-query-no-invalid */
- @media (min-width: $input-box-max-width) {
- width: 20rem;
- }
- }
-
- /* stylelint-disable-next-line media-query-no-invalid */
- @media (max-width: $input-box-max-width) {
- width: 100%;
- }
- }
-
&--underlined {
text-decoration: underline;
}
@@ -99,32 +75,6 @@
}
}
- &--button-transparent {
- @include button(transparent, $color--darkest-blue);
- color: $color--white;
-
- &:focus,
- &:hover {
- border: 1px solid transparent;
- }
- }
-
- &--button-long-text {
- padding: 10px;
-
- @include media-query(tablet-portrait) {
- padding: 10px 60px;
- }
- }
-
- &--button-narrow {
- @include button--narrow;
- }
-
- &--button-wide {
- @include button--wide;
- }
-
&--edit-lead {
display: flex;
align-items: center;
diff --git a/hypha/static_src/sass/components/_status-bar.scss b/hypha/static_src/sass/components/_status-bar.scss
index 5db1997cc49522d049dc5394d5cd07171a3e3bb4..6f365bcc9b6f0c329c71891dca68bfc7412b24f6 100644
--- a/hypha/static_src/sass/components/_status-bar.scss
+++ b/hypha/static_src/sass/components/_status-bar.scss
@@ -135,6 +135,7 @@
color: $color--white;
background-color: $color--tomato;
padding-inline: var(--tooltip-padding);
+ border-radius: $rounded-sm;
}
&::before {
diff --git a/hypha/templates/base-apply.html b/hypha/templates/base-apply.html
index efb63428bb556c6fd3a7711776816375cd7926bd..5408f6d08cb4bbcbe3c100d20cd7a857ecbef233 100644
--- a/hypha/templates/base-apply.html
+++ b/hypha/templates/base-apply.html
@@ -90,11 +90,11 @@
{% include "core/navigation/primarynav-apply.html" %}
{% if request.user.is_authenticated %}
- <a href="{% url 'users:account' %}" class="link link--button-transparent link--mobile-standout">
+ <a href="{% url 'users:account' %}" class="button button--transparent button--mobile-standout">
{% heroicon_micro "user" class="inline align-middle w-4 h-4 me-1" aria_hidden=true %}
{{ request.user }}
</a>
- <a href="{% url 'users:logout' %}" class="link link--button-transparent link--mobile-standout text-center">
+ <a href="{% url 'users:logout' %}" class="button button--transparent button--mobile-standout text-center">
{% trans "Log out" %}
</a>
{% endif %}
@@ -159,7 +159,7 @@
{% endif %}
{% if request.user.is_authenticated %}
- <a href="{% url 'users:logout' %}" class="button button--transparent">
+ <a href="{% url 'users:logout' %}" class="button button--transparent button--narrow">
{% trans "Log out" %}
</a>
{% endif %}
diff --git a/hypha/templates/includes/login_button.html b/hypha/templates/includes/login_button.html
index b440bef386c74235462b7666781f18b749313a24..3ea049ea963b300a5bf3f9d8de23380519e0c5fe 100644
--- a/hypha/templates/includes/login_button.html
+++ b/hypha/templates/includes/login_button.html
@@ -3,7 +3,7 @@
{% if request.user.is_authenticated %}
{% if request.path == "/" and request.user.can_access_dashboard %}
<a
- class="button button--transparent {{ class }}"
+ class="button button--transparent button--narrow {{ class }}"
href="{{ APPLY_SITE.root_url }}{% url 'dashboard:dashboard' %}"
>
{% heroicon_micro "user" class="inline align-text-bottom w-4 h-4 me-1" aria_hidden=true %}
@@ -12,7 +12,7 @@
</a>
{% else %}
<a
- class="button button--transparent {{ class }}"
+ class="button button--transparent button--narrow {{ class }}"
href="{{ APPLY_SITE.root_url }}{% url 'users:account' %}"
title="Goto your account"
>
@@ -22,7 +22,7 @@
{% endif %}
{% else %}
<a
- class="button button--transparent {{ class }}"
+ class="button button--transparent button--narrow {{ class }}"
href="{{ APPLY_SITE.root_url }}{% url 'users:passwordless_login_signup' %}{% if redirect_url %}?next={{ redirect_url }}{% endif %}"
>
{% heroicon_micro "user" class="inline align-text-bottom w-4 h-4 me-1" aria_hidden=true %}
diff --git a/hypha/templates/includes/org_login_button.html b/hypha/templates/includes/org_login_button.html
index e40ff3b36e0450790252bd31f066c842d61976be..826765fd2aed770015a7510d4013ae3c5598b168 100644
--- a/hypha/templates/includes/org_login_button.html
+++ b/hypha/templates/includes/org_login_button.html
@@ -1,8 +1,8 @@
{% load i18n heroicons %}
<a
- class="link link--button link--button--login"
+ class="button button--secondary button--login"
href="{% url "social:begin" "google-oauth2" %}{% if next %}?next={{ next }}{% endif %}"
>
{% heroicon_mini "building-office" size=18 class="inline align-text-bottom me-1" aria_hidden=true %}
{% blocktrans %}Log in with your {{ ORG_SHORT_NAME }} email{% endblocktrans %}
-</a>
\ No newline at end of file
+</a>
diff --git a/hypha/templates/includes/password_login_button.html b/hypha/templates/includes/password_login_button.html
index 27676692136e1d5d5ef2b391ca1d4fab871db57c..8c6199ca962fa8c1a8ca340b2fb780f42359c681 100644
--- a/hypha/templates/includes/password_login_button.html
+++ b/hypha/templates/includes/password_login_button.html
@@ -1,8 +1,8 @@
{% load i18n heroicons %}
<a
- class="link link--button link--button--login"
+ class="button button--secondary button--login"
href="{% url 'users:login' %}{% if next %}?next={{next}}{% endif %}"
>
{% heroicon_mini "key" size=18 class="inline align-text-bottom me-1" aria_hidden=true %}
{% trans "Log in with password" %}
-</a>
\ No newline at end of file
+</a>
diff --git a/hypha/templates/includes/passwordless_login_button.html b/hypha/templates/includes/passwordless_login_button.html
index d5d2ba78c4bf72ae7178dbce297cbb75936e6059..d3988e707d22ceb7546e7ddbf28b7f33c40b37fd 100644
--- a/hypha/templates/includes/passwordless_login_button.html
+++ b/hypha/templates/includes/passwordless_login_button.html
@@ -1,6 +1,6 @@
{% load i18n heroicons %}
<a
- class="link link--button link--button--login"
+ class="button button--secondary button--login"
href="{% url 'users:passwordless_login_signup' %}{% if next %}?next={{next}}{% endif %}"
>
{% heroicon_mini "envelope" size=18 class="inline align-text-bottom me-1" aria_hidden=true %}