From f2be002df3b13254a5b549dd1589089545c53f02 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 10 Feb 2022 16:35:08 +0100
Subject: chore: improve contact form behavior

* The status was not visile in top of the form, so I moved it under the
submit button.
* It was possible to send an empty form.
* The input type for email should be email instead of text.
---
 src/styles/pages/Page.module.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'src/styles/pages/Page.module.scss')

diff --git a/src/styles/pages/Page.module.scss b/src/styles/pages/Page.module.scss
index 69a1526..02aecbf 100644
--- a/src/styles/pages/Page.module.scss
+++ b/src/styles/pages/Page.module.scss
@@ -41,3 +41,23 @@ li.item {
     grid-column: 2;
   }
 }
+
+.status {
+  max-width: max-content;
+  margin: var(--spacing-md) 0;
+  padding: var(--spacing-sm);
+  border: fun.convert-px(3) solid var(--color-border-light);
+  border-radius: fun.convert-px(5);
+
+  &--error {
+    border-color: var(--color-token-red);
+  }
+
+  &--success {
+    border-color: var(--color-token-green);
+  }
+
+  &--warning {
+    border-color: var(--color-token-orange);
+  }
+}
-- 
cgit v1.2.3