From e540c1991845631fe9edcec5f6df4aac19b47aa0 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Wed, 30 Jan 2019 21:21:55 +0000
Subject: [PATCH] contact form layout

---
 TODO.md                    | 3 ---
 components/ContentPage.vue | 3 +++
 pages/contact.vue          | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/TODO.md b/TODO.md
index d2fb1a7..a861bcd 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,6 +1,3 @@
-## contact
-* form background image
-
 ## General
 * loading transitions
   - also transitioning elements in when page loads (especially gallery thumbs in gallery)
diff --git a/components/ContentPage.vue b/components/ContentPage.vue
index eea0cb8..1feea20 100644
--- a/components/ContentPage.vue
+++ b/components/ContentPage.vue
@@ -72,6 +72,9 @@ $z-index-top: 10;
 
 .content {
   position: absolute;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
   width: 100%;
   min-height: 100%;
   top: 0;
diff --git a/pages/contact.vue b/pages/contact.vue
index 927725c..4ab0107 100644
--- a/pages/contact.vue
+++ b/pages/contact.vue
@@ -155,6 +155,7 @@ export default {
 <style scoped lang="scss">
 
 .contact-form {
+  width: 100%;
   padding: 1rem 1rem 2rem;
   border-radius: 2px;
   background-color: rgba(#fff, .9);