From d1f8ecd88c869953f29b07de83317b8a5b35d5a6 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <cory.dransfeldt@gmail.com>
Date: Sun, 10 Dec 2023 09:10:50 -0800
Subject: [PATCH] fix: contact styling

---
 package.json                   | 2 +-
 src/assets/styles/tailwind.css | 8 ++++++--
 src/contact.md                 | 4 ++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index fef4589d..7cccf761 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
   "main": "index.html",
   "scripts": {
diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
index 5b9483ca..c5b77397 100644
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -1235,6 +1235,10 @@ video {
   margin-top: 0.625rem;
 }
 
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
 .mt-4 {
   margin-top: 1rem;
 }
@@ -2461,8 +2465,8 @@ pre {
     margin-right: 1rem;
   }
 
-  .md\:mt-4 {
-    margin-top: 1rem;
+  .md\:mt-0 {
+    margin-top: 0px;
   }
 
   .md\:block {
diff --git a/src/contact.md b/src/contact.md
index f3e89116..3f29e03b 100644
--- a/src/contact.md
+++ b/src/contact.md
@@ -26,7 +26,7 @@ meta:
 
 <div class="flex flex-col md:flex-row">
   <div class="w-full md:w-1/2 md:pr-6">
-    <p>Fill out the form to get in touch. Or I've got other options below 👇🏻</p>
+    <p class="mt-0">Fill out the form to get in touch. Or I've got other options 👇🏻</p>
     <ul>
       <li>Ping me on <a href="https://social.lol/@cory">Mastodon</a></li>
       <li>Message me on Signal or iMessage (if you have my phone number)</li>
@@ -34,7 +34,7 @@ meta:
       <li>File an issue on the appropriate repo over at <a href="https://github.com/cdransf">GitHub</a></li>
     </ul>
   </div>
-  <form class="md:mt-4 flex flex-col items-center justify-center w-full md:w-1/2" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field">
+  <form class="mt-3 md:mt-0 flex flex-col items-center justify-center w-full md:w-1/2" method="POST" action="/contact/success" name="contact" netlify netlify-honeypot="bot-field">
     <label class="hidden">
       Don't fill this out if you're human: <input name="bot-field" />
     </label>