From e7231cb67a34853e2091e52e772403002fb6b4a2 Mon Sep 17 00:00:00 2001
From: Teddy Middleton-Smith <edward.middletonsmith@gmail.com>
Date: Wed, 15 Jan 2025 23:55:14 +0000
Subject: [PATCH] Clean up of table structure for Contact Us form.

---
 static/css/pages/core/contact.css  | 83 ------------------------------
 templates/pages/core/_contact.html | 82 -----------------------------
 2 files changed, 165 deletions(-)

diff --git a/static/css/pages/core/contact.css b/static/css/pages/core/contact.css
index 11152a23..3881f772 100644
--- a/static/css/pages/core/contact.css
+++ b/static/css/pages/core/contact.css
@@ -1,86 +1,3 @@
-/* 
-h1, h2, h3 {
-    margin-bottom: 1rem;
-    align-self: center;
-    justify-self: center;
-    margin: 0 auto;
-    width: fit-content;
-}
-
-section {
-    display: flex;
-    margin: 0 auto;
-    width: 100vw;
-}
-
-.container {
-    display: flex;
-    flex-direction: column;
-    align-content: center;
-}
-.container-input {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-.container-input label {
-    width: 100%;
-    margin: 0 auto;
-}
-
-/* Contact Form Section * /
-.contact-form {
-    padding: 8rem 0 4rem;
-    background: linear-gradient(45deg, #f8fafc, #eff6ff);
-}
-
-.contact-form-content {
-    width: 50vw;
-}
-
-.contact-form h1 {
-    font-size: 3rem;
-    line-height: 1.2;
-    margin-bottom: 1.5rem;
-    color: var(--text);
-}
-
-.contact-form p {
-    font-size: 1.25rem;
-    margin-bottom: 2rem;
-    color: var(--subheading);
-}
-
-table {
-    margin: 0 auto;
-}
-
-th.lhs,
-td.lhs {
-    min-width: 8vw;
-    max-width: 8vw;
-}
-
-th.rhs,
-td.rhs {
-    min-width: 36vw;
-    max-width: 36vw;
-}
-
-td input,
-td textarea {
-    width: 100%;
-}
-
-textarea {
-    resize: vertical;
-}
-
-.container-checkbox.receive_marketing {
-    margin-left: 22.25vw;
-}
-
-*/
 
 .contact-section {
     padding: 2rem 2rem 4rem;
diff --git a/templates/pages/core/_contact.html b/templates/pages/core/_contact.html
index 4ba25967..e970ce39 100644
--- a/templates/pages/core/_contact.html
+++ b/templates/pages/core/_contact.html
@@ -22,88 +22,6 @@
 
         window.addEventListener('load', loadRecaptcha);
     </script>
-    
-    <!--  Table
-    <section class="contact-form">
-        <div class="{{ model.FLAG_CONTAINER }}">
-            <form id="{{ model.ID_FORM_CONTACT }}" class="contact-form-content" action="{{ url_for('routes_core.contact') }}" method="POST">
-                <h2 class="section-title">Complete the form or find our details below</h2>
-                {{ model.form_contact.hidden_tag() }}
-                <table>
-                    <thead>
-                        <tr>
-                            <th class="model.FLAG_LEFT_HAND_STUB"></th>
-                            <th class="model.FLAG_RIGHT_HAND_SIDE"></th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr class="{{ model.FLAG_EMAIL }}">
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.email.label }}</td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.email(size=254) }}</td>
-                        </tr>
-                        <tr>
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
-                                {% for error in model.form_contact.email.errors %}
-                                    <p class="error">{{ error }}</p>
-                                {% endfor %}
-                            </td>
-                        </tr>
-
-                        <tr class="{{ model.FLAG_CONTACT_NAME }}">
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.contact_name.label }}</td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.contact_name(size=254) }}</td>
-                        </tr>
-                        <tr>
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
-                                {% for error in model.form_contact.contact_name.errors %}
-                                    <p class="error">{{ error }}</p>
-                                {% endfor %}
-                            </td>
-                        </tr>
-
-                        <tr class="{{ model.FLAG_COMPANY_NAME }}">
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.company_name.label }}</td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.company_name(size=254) }}</td>
-                        </tr>
-                        <tr>
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
-                                {% for error in model.form_contact.company_name.errors %}
-                                    <p class="error">{{ error }}</p>
-                                {% endfor %}
-                            </td>
-                        </tr>
-
-                        <tr class="{{ model.FLAG_MESSAGE }}">
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.message.label }}</td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.message(rows=4, columns=80) }}</td>
-                        </tr>
-                        <tr>
-                            <td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
-                            <td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
-                                {% for error in model.form_contact.message.errors %}
-                                    <p class="error">{{ error }}</p>
-                                {% endfor %}
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-                <div class="{{ model.FLAG_CONTAINER_CHECKBOX }} {{ model.FLAG_RECEIVE_MARKETING }}">
-                    {{ model.form_contact.receive_marketing(size=20) }}
-                    {{ model.form_contact.receive_marketing.label }}
-                </div>
-                <div class="{{ model.FLAG_CONTAINER }}">
-                    {{ model.form_contact.recaptcha() }}
-                </div>
-                <div class="{{ model.FLAG_CONTAINER_INPUT }}">
-                    {{ model.form_contact.submit() }}
-                </div>
-            </form>
-        </div>
-    </section>
-    -->
 
     <!-- Divs -->
     {% set form = model.form_contact %}