Tweak stylesheet, specifically for iOS because its not standards compliant of course

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 36f14c2696e4570bb6f11474f11bb91f8aabfc5e..65515d2486083ed6c397efda7f0b9f232cc66fe2 100644 (file)
--- 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 {