From fdbfa3c03fd849034b8167678c8e2b519361553c Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Sat, 30 Nov 2024 11:50:31 -0800
Subject: [PATCH] Fix styles in support form when field is errored

Ah right, `> label` doesn't work with how Rails will wrap broken labels
and inputs each in a `.field_with_errors` element. Fixed, and added
some basic coloring!
---
 app/assets/stylesheets/application/support-form.sass | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application/support-form.sass b/app/assets/stylesheets/application/support-form.sass
index 528752103..9f69376b7 100644
--- a/app/assets/stylesheets/application/support-form.sass
+++ b/app/assets/stylesheets/application/support-form.sass
@@ -19,10 +19,18 @@
 			gap: .25em
 			max-width: 60ch
 
-			> label
+			> label, > .field_with_errors label
 				display: block
 				font-weight: bold
 
+			.field_with_errors
+				> label
+					color: $error-color
+
+				input[type=text], input[type=url]
+					border-color: $error-border-color
+					color: $error-color
+
 			&[data-type=radio]
 				ul
 					list-style-type: none