Fix reset button readability on forms pages #2

New Issue

2026-04-14T22:18:23-07:00

amari commented

2026-04-14 22:18:23 -07:00

Description

Our custom CSS injection on the forms pages is making the reset button nearly impossible for users to read and interact with. We've identified the issue in our nginx configuration at nginx/nginx/sites-available/forms.conf (line 87), where the styling is being applied.

This is affecting the user experience — people shouldn't have to struggle to find or understand what the reset button does. Let's brighten this up and make sure it's clearly visible and legible against its background.

What needs to happen

Review the current CSS styling for the reset button and adjust the colors, contrast, or other visual properties to ensure:

The button text is clearly readable
There's sufficient contrast between the button and its background
The button remains visually distinct from other form elements
The styling stays consistent with our overall forms design

Acceptance Criteria

Reset button text is clearly legible in normal viewing conditions
Color contrast meets accessibility standards (WCAG AA minimum)
Visual hierarchy is maintained — reset button doesn't compete with primary actions
Changes have been tested across common browsers
Updated configuration is deployed to forms.nhcarrigan.com

Reference

Configuration file: nginx/nginx/sites-available/forms.conf
Relevant line: 87
Current commit:

nginx-configs/nginx/nginx/sites-available/forms.conf Line 87 in c8c5b7529c

location ~ /forms/([^/]+)(?:/(.*))?$ {

## Description Our custom CSS injection on the forms pages is making the reset button nearly impossible for users to read and interact with. We've identified the issue in our nginx configuration at `nginx/nginx/sites-available/forms.conf` (line 87), where the styling is being applied. This is affecting the user experience — people shouldn't have to struggle to find or understand what the reset button does. Let's brighten this up and make sure it's clearly visible and legible against its background. ## What needs to happen Review the current CSS styling for the reset button and adjust the colors, contrast, or other visual properties to ensure: - The button text is clearly readable - There's sufficient contrast between the button and its background - The button remains visually distinct from other form elements - The styling stays consistent with our overall forms design ## Acceptance Criteria - [ ] Reset button text is clearly legible in normal viewing conditions - [ ] Color contrast meets accessibility standards (WCAG AA minimum) - [ ] Visual hierarchy is maintained — reset button doesn't compete with primary actions - [ ] Changes have been tested across common browsers - [ ] Updated configuration is deployed to forms.nhcarrigan.com ## Reference - Configuration file: `nginx/nginx/sites-available/forms.conf` - Relevant line: 87 - Current commit: https://git.nhcarrigan.com/nhcarrigan/nginx-configs/src/commit/c8c5b7529c7a9d5a562434ac5b3d4e564f013e01/nginx/nginx/sites-available/forms.conf#L87

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: nhcarrigan/nginx-configs#2