From b1b1a4eedb1585b8f2050d4997a0ee994d09a843 Mon Sep 17 00:00:00 2001
From: "stephen@cubedesigners.com"
 <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Tue, 19 Jul 2016 16:05:28 +0000
Subject: [PATCH] Adjust position of validation error messages and hide
 immediately on click/touch. #482 @0.75

---
 js/315-quote.js     | 4 ++++
 less/315-quote.less | 5 +++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/js/315-quote.js b/js/315-quote.js
index db33dab..834cf67 100644
--- a/js/315-quote.js
+++ b/js/315-quote.js
@@ -7,6 +7,10 @@ function load_quoteform() {
     $(window).on('cubeitopenpopup', function() {
         initFancySelect();
     });
+
+    $(document).on('click touchend', function() {
+        $('.validation-messages').hide();
+    });
 }
 
 function initFancySelect() {
diff --git a/less/315-quote.less b/less/315-quote.less
index 45aaa42..4288aba 100644
--- a/less/315-quote.less
+++ b/less/315-quote.less
@@ -173,14 +173,15 @@
 		background-color: #343c44;
 		border-radius: 17px;
 		position: fixed;
-		bottom: 10px;
+		bottom: 5%; // For older browsers
+		bottom: 5vw; // For browsers that understand vw units
 		left: 50%;
 		transform: translateX(-50%);
 		color: #fff;
 		font-size: 14px;
 		text-align: center;
 		z-index: 1000;
-		pointer-events: none;
+		//pointer-events: none; // Disabled to allow messages to be hidden on click
 		display: none;
 
 		br {
-- 
2.39.5