Change button styling on /admin

This commit is contained in:
zandercymatics 2024-02-08 11:54:52 -07:00
parent df70a179e8
commit 37430c552f
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 8 additions and 15 deletions

View file

@ -271,21 +271,14 @@ h1, h2, h3,
} }
} }
@include at-media(desktop){ .usa-button.admin-button{
.button-list-mobile {
display: block;
}
}
@include at-media(mobile){
.button-list-mobile {
display: contents;
}
}
.usa-button{
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
background-color: var(--button-bg);
}
.usa-button--secondary.admin-button{
background-color: var(--delete-button-bg);
} }
// Button groups in /admin incorrectly have bullets. // Button groups in /admin incorrectly have bullets.

View file

@ -12,8 +12,8 @@
<div class="desktop:flex-align-self-end"> <div class="desktop:flex-align-self-end">
{% if original.state != original.State.DELETED %} {% if original.state != original.State.DELETED %}
<span class="admin-confirmation-buttons" hidden> <span class="admin-confirmation-buttons" hidden>
<button type="submit" class="usa-button" name="_extend_expiration_date">Confirm extension</button> <button type="submit" class="usa-button admin-button" name="_extend_expiration_date">Confirm extension</button>
<button type="button" id="cancel-extend-button" class="usa-button usa-button--secondary">Cancel</button> <button type="button" id="cancel-extend-button" class="usa-button usa-button--secondary admin-button">Cancel</button>
</span> </span>
<input id="extend-expiration-button" type="button" value="Extend expiration date" class="custom-link-button"> <input id="extend-expiration-button" type="button" value="Extend expiration date" class="custom-link-button">
{% endif %} {% endif %}