From 944e21b886448b401e7856f68ac1f65e87eb5e99 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 8 Sep 2024 19:48:07 +0800
Subject: [PATCH] Add top margin to Letterbird contact form

---
 src/pages/contact.njk | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pages/contact.njk b/src/pages/contact.njk
index 3ab693c2..e5358de0 100644
--- a/src/pages/contact.njk
+++ b/src/pages/contact.njk
@@ -10,8 +10,12 @@ eleventyNavigation:
 
 <p>I also welcome feedbacks and suggestions for improving the <a href="/accessibility">accessibility</a> of this website.</p>
 
-<script data-letterbirduser="helenchong" src="https://letterbird.co/embed/v1.js"></script>
-<noscript>
-    <h3>You Have Disabled JavaScript</h3>
-    <p>Looks like you have disabled JavaScript, preventing this contact form from being displayed on this page. You may visit <a href="https://letterbird.co/helenchong">my Letterbird contact form page</a> to contact me.</p>
-</noscript>
\ No newline at end of file
+<section class="contact">
+    <script data-letterbirduser="helenchong" src="https://letterbird.co/embed/v1.js"></script>
+    <noscript>
+        <h3>You Have Disabled JavaScript</h3>
+        <p>Looks like you have disabled JavaScript, preventing this contact form from being displayed on this page. You may visit <a href="https://letterbird.co/helenchong">my Letterbird contact form page</a> to contact me.</p>
+    </noscript>
+</section>
+
+{%- css %}.contact { margin-top: 1em; }{% endcss %}
\ No newline at end of file