tweak cancel buttons

This commit is contained in:
Rachid Mrad 2023-10-13 12:54:56 -04:00
parent 46ad6002cd
commit 5a5aa5e97a
No known key found for this signature in database
GPG key ID: EF38E4CEC4A8F3CF
2 changed files with 18 additions and 2 deletions

View file

@ -101,7 +101,23 @@ a.usa-button--unstyled:visited {
}
}
// WARNING: crazy hack ahead
// Cancel button used on the
// DNSSEC main page
// We want to center this button on mobile
// and add some extra left margin on tablet+
.usa-button--cancel {
text-align: center;
@include at-media('tablet') {
margin-left: units(2);
}
}
// WARNING: crazy hack ahead:
// Cancel button(s) on the DNSSEC form pages
// We want to position the cancel button on the
// dnssec forms next to the submit button
// This button's markup is in its own form
.btn-cancel {
position: relative;
top: -39.2px;

View file

@ -33,7 +33,7 @@
<a href="{% url 'domain-dns-dnssec-keydata' pk=domain.id %}" class="usa-button usa-button--outline">Add Key Data</a>
<button
type="submit"
class="usa-button usa-button--unstyled margin-left-2"
class="usa-button usa-button--unstyled usa-button--cancel"
name="cancel_dnssec"
id="cancel_dnssec"
>Cancel</button>