From cf5071b7a1357d7d9307f1f08858ed046b688d86 Mon Sep 17 00:00:00 2001
From: Aidan Cornelius-Bell <aidan@cornelius-bell.com>
Date: Mon, 13 Jan 2025 13:49:24 +1030
Subject: [PATCH] Tweak stylesheet, specifically for iOS because its not
 standards compliant of course

---
 app/assets/stylesheets/application.css | 41 +++++++++++++++++++++-----
 1 file changed, 34 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 36f14c2..65515d2 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -246,13 +246,40 @@ select:focus {
     outline: none;
 }
 
-input[type="submit"] {
-    padding: 14px 20px;
-    margin: 8px 0;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 16px;
+.reg-form input[type="submit"],
+.reg-form button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+
+/* Light mode specific styles */
+@media (prefers-color-scheme: light) {
+    .reg-form input[type="submit"],
+    .reg-form button {
+        background-color: var(
+            --standout-form-bg
+        ) !important; /* White background */
+        color: var(--standout-form-text) !important; /* Black text */
+        border: 1px solid var(--link-color) !important; /* Brown border */
+    }
+
+    .reg-form input[type="submit"]:hover,
+    .reg-form button:hover {
+        background-color: var(--filter-button-hover) !important;
+        color: var(
+            --standout-form-button-text
+        ) !important; /* White text on hover */
+    }
+}
+
+/* Dark mode specific styles */
+@media (prefers-color-scheme: dark) {
+    .reg-form input[type="submit"],
+    .reg-form button {
+        background-color: var(--filter-button-active) !important;
+        color: var(--standout-form-button-text) !important;
+    }
 }
 
 label {
-- 
2.39.5