From 826dc8e84e763c9a2b0ee4e578ace05ae6c8550b Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 13:06:29 +0100
Subject: [PATCH 1/2] added contact form mobile responsiveness
---
contact/contact.html | 3 ++-
contact/contact_mobile.css | 20 ++++++++++++++++++++
2 files changed, 22 insertions(+), 1 deletion(-)
create mode 100644 contact/contact_mobile.css
diff --git a/contact/contact.html b/contact/contact.html
index d9c09c5..2e41f06 100644
--- a/contact/contact.html
+++ b/contact/contact.html
@@ -14,8 +14,9 @@
-
+
+
diff --git a/contact/contact_mobile.css b/contact/contact_mobile.css
new file mode 100644
index 0000000..bc93de1
--- /dev/null
+++ b/contact/contact_mobile.css
@@ -0,0 +1,20 @@
+form {
+ min-width: 1em;
+ max-width: 25.8em;
+ margin: 0;
+}
+
+#contact_details > input {
+ min-width: 1em;
+ max-width: 30em;
+}
+
+#contact_body > textarea {
+ min-width: 1em;
+ max-width: 25.8em;
+}
+
+#contact_reason {
+ display: list-item;
+}
+
From bdbaadf7dcdb7f3b285e8837b32ac91029a87dde Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 13:07:24 +0100
Subject: [PATCH 2/2] minor formatting
---
contact/contact_mobile.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/contact/contact_mobile.css b/contact/contact_mobile.css
index bc93de1..68e7089 100644
--- a/contact/contact_mobile.css
+++ b/contact/contact_mobile.css
@@ -1,4 +1,5 @@
form {
+ padding-top: 2em;
min-width: 1em;
max-width: 25.8em;
margin: 0;