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');
}
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 {
background-color: color('error');
}

View file

@ -3,6 +3,7 @@
{% block title %}Withdraw request for {{ domainapplication.requested_domain.name }}{% endblock %}
{% load static url_helpers %}
<div class="grid-container">
{% block content %}
<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.
<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>
</div>
{% endblock %}
</div>