From a9ff01f39264e441fa5659bf63f76a0e546e224f Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Thu, 9 Oct 2025 21:27:14 -0400
Subject: [PATCH] Pull form elements into generic tag references

Allow common properties to be easily referenced from both
HPR website and Hub website.
---
 public_html/css/hpr.css | 43 +++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 8a75302..556345c 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -533,41 +533,52 @@ fieldset > table td select {
 	display: block;
 	font-size: 1rem;
 }
-
 fieldset > table {
 	width: calc(100vw + -16vw + -1rem);
 	max-width: 100%;
 }
-fieldset > input,
-fieldset > table td input,
-fieldset > table td textarea {
-	width: calc(100vw + -16vw + -1.5rem);
-	max-width: 100%;
+input {
 	border: thin solid var(--input-border-primary);
 	border-radius: 0.2rem;
 	margin-bottom: 0.5rem;
 	padding: 0.5rem;
 }
-
-fieldset > table td select {
-	appearance: none;
+input[type="submit"] {
+	background-color: var(--background-secondary);
+	color: var(--text-secondary);
+	font-weight: 400;
+	width: fit-content;
+}
+input[type="submit"]:hover {
+	background-color: var(--link-primary-hover);
+	color: var(--background-primary);
+}
+select {
+	appearance: auto;
 	background: var(--background-primary);
 	color: var(--text-primary);
-	width: calc(100vw + -16vw + -0.40rem);
 	border: 1px solid var(--input-border-primary);
 	border-radius: 0.25rem;
 	cursor: pointer;
 	margin-bottom: 0.5rem;
 	padding: 0.5rem;
 }
-fieldset > table td select:focus{
+select:focus{
     background: var(--background-secondary);
 	color: var(--text-secondary);
-}
-fieldset > table td select:active {
+}select:active {
     background: var(--background-secondary);
 	color: var(--text-primary);
 }
+fieldset > input,
+fieldset > table td input,
+fieldset > table td textarea {
+	width: calc(100vw + -16vw + -1.5rem);
+	max-width: 100%;
+}
+fieldset > table td select {
+	width: calc(100vw + -16vw + -0.40rem);
+}
 fieldset > table td input[type="radio"] {
 	display: initial;
 	width: initial;
@@ -586,14 +597,8 @@ fieldset > table td input[type="radio"] {
 	width: 94%;
 }
 #search fieldset > input[type="submit"] {
-	background-color: var(--background-secondary);
-	color: var(--text-secondary);
 	width: 100%;
 }
-#search fieldset > input[type="submit"]:hover {
-	background-color: var(--link-primary-hover);
-	color: var(--background-primary);
-}
 #search fieldset > p {
 	margin-top: 0.5rem;
 	margin-bottom: 0.5rem;