From 9f6f3276700f6442a0db9243921b29514565d383 Mon Sep 17 00:00:00 2001
From: Toshaan Bharvani <toshaan@vantosh.com>
Date: Wed, 12 Jan 2022 12:08:28 +0100
Subject: [PATCH] change the contactee select box

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
---
 themes/openpowerfoundation/assets/css/main.css         | 10 ++++++++++
 .../layouts/partials/contactform.html                  |  5 ++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/themes/openpowerfoundation/assets/css/main.css b/themes/openpowerfoundation/assets/css/main.css
index 17a9534..11de534 100644
--- a/themes/openpowerfoundation/assets/css/main.css
+++ b/themes/openpowerfoundation/assets/css/main.css
@@ -5001,3 +5001,13 @@ textarea.form-control-lg {
 	margin-bottom: 15px;
 }
 
+.contactee select {
+	background-color: #2566f4;
+	color: white;
+	padding: 12px;
+	width: 100%;
+	border: none;
+	font-size: 20px;
+	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);   -webkit-appearance: button;   appearance: button;   outline: none;
+}
+
diff --git a/themes/openpowerfoundation/layouts/partials/contactform.html b/themes/openpowerfoundation/layouts/partials/contactform.html
index dff3893..0ebb7dc 100644
--- a/themes/openpowerfoundation/layouts/partials/contactform.html
+++ b/themes/openpowerfoundation/layouts/partials/contactform.html
@@ -25,12 +25,11 @@ var goal = "{{ .Site.Params.forms.contact.goal }}";
 			</div>
 			<div class="form-row">
 				<div class="form-group col-lg-12">
-					<select name="contact" id="contact">
+					<div class="contactee"><select name="contact" id="contact">
 					{{ range .Param "contacts" }}
-						{{ . }}
 						<option value="{{ .queue }}">{{ .name }}</option>
 					{{ end }}
-					</select>
+					</select></div>
 				</div>
 			</div>
 			<div class="form-row">