tweaking CSS

This commit is contained in:
Jon Roberts 2023-04-18 14:15:31 -06:00
parent fc237fed4e
commit ff3c19e5aa
No known key found for this signature in database
GPG key ID: EED093582198B041
2 changed files with 30 additions and 1 deletions

View file

@ -143,6 +143,33 @@ a.withdraw_outline:visited {
color: color('error'); color: color('error');
} }
a.withdraw_outline:hover {
box-shadow: inset 0 0 0 2px color('error');
color: color('error-dark');
}
a.withdraw_outline:focus {
box-shadow: inset 0 0 0 2px color('error');
color: color('error-dark');
}
a.withdraw_outline:active {
box-shadow: inset 0 0 0 2px color('error');
color: color('error-darker');
}
a.withdraw:focus {
background-color: color('error-dark');
}
a.withdraw:hover {
background-color: color('error-dark');
}
a.withdraw:active {
background-color: color('error-darker');
}
a.withdraw { a.withdraw {
background-color: color('error'); background-color: color('error');
} }

View file

@ -3,6 +3,7 @@
{% block title %}Withdraw request for {{ domainapplication.requested_domain.name }}{% endblock %} {% block title %}Withdraw request for {{ domainapplication.requested_domain.name }}{% endblock %}
{% load static url_helpers %} {% load static url_helpers %}
<div class="grid-container">
{% block content %} {% block content %}
<div class="grid-col desktop:grid-offset-2 desktop:grid-col-8"> <div class="grid-col desktop:grid-offset-2 desktop:grid-col-8">
@ -11,10 +12,11 @@
If you withdraw your request we won't review it. Once you withdraw your request you'll be able to edit it or completely remove it. If you withdraw your request we won't review it. Once you withdraw your request you'll be able to edit it or completely remove it.
<p><a href="{% url 'application-withdrawn' domainapplication.id %}" class="usa-button withdraw">Withdraw request</button> <p><a href="{% url 'application-withdrawn' domainapplication.id %}" class="usa-button withdraw">Withdraw request</a>
<a href="{% url 'application-status' domainapplication.id %}">Cancel</a></p> <a href="{% url 'application-status' domainapplication.id %}">Cancel</a></p>
</div> </div>
{% endblock %} {% endblock %}
</div>