From a1b8368b65fc16f0eba8b5f0bb61bd5b94b80275 Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Tue, 10 Mar 2026 02:54:32 +0200
Subject: [PATCH] Fix contact form layout - wrap in grid column div

Header + form wrapped in .availability-right div so they stay
on the right side of the 2-column grid layout.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 index.html | 66 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index 96b5340..68ac3f6 100644
--- a/index.html
+++ b/index.html
@@ -242,39 +242,41 @@
                     <div id="check-result" class="check-result" style="display:none;"></div>
                 </div>
             </div>
-            <div class="availability-form-header">
-                <span class="overline">Yhteydenotto</span>
-                <h2>Ota yhteyttä</h2>
-                <p>Täytä lomake niin otamme yhteyttä 1–2 arkipäivässä.</p>
+            <div class="availability-right">
+                <div class="availability-form-header">
+                    <span class="overline">Yhteydenotto</span>
+                    <h2>Ota yhteyttä</h2>
+                    <p>Täytä lomake niin otamme yhteyttä 1–2 arkipäivässä.</p>
+                </div>
+                <form class="form" id="availability-form">
+                    <div style="position:absolute;left:-9999px;top:-9999px;">
+                        <input type="text" name="website" tabindex="-1" autocomplete="off">
+                    </div>
+                    <div class="form-group">
+                        <label for="company">Yrityksen nimi</label>
+                        <input type="text" id="company" name="company" required>
+                    </div>
+                    <div class="form-group">
+                        <label for="email">Sähköposti</label>
+                        <input type="email" id="email" name="email" required>
+                    </div>
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label for="address">Katuosoite</label>
+                            <input type="text" id="address" name="address" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="city">Kaupunki</label>
+                            <input type="text" id="city" name="city" required>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label for="message">Lisätiedot <span class="optional">(valinnainen)</span></label>
+                        <textarea id="message" name="message" rows="3"></textarea>
+                    </div>
+                    <button type="submit" class="btn btn-full">Lähetä viesti</button>
+                </form>
             </div>
-            <form class="form" id="availability-form">
-                <div style="position:absolute;left:-9999px;top:-9999px;">
-                    <input type="text" name="website" tabindex="-1" autocomplete="off">
-                </div>
-                <div class="form-group">
-                    <label for="company">Yrityksen nimi</label>
-                    <input type="text" id="company" name="company" required>
-                </div>
-                <div class="form-group">
-                    <label for="email">Sähköposti</label>
-                    <input type="email" id="email" name="email" required>
-                </div>
-                <div class="form-row">
-                    <div class="form-group">
-                        <label for="address">Katuosoite</label>
-                        <input type="text" id="address" name="address" required>
-                    </div>
-                    <div class="form-group">
-                        <label for="city">Kaupunki</label>
-                        <input type="text" id="city" name="city" required>
-                    </div>
-                </div>
-                <div class="form-group">
-                    <label for="message">Lisätiedot <span class="optional">(valinnainen)</span></label>
-                    <textarea id="message" name="message" rows="3"></textarea>
-                </div>
-                <button type="submit" class="btn btn-full">Lähetä viesti</button>
-            </form>
         </div>
     </div>
 </section>