From 81ea8e5f9d0ca53acb708e04777641205e1a855d Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 4 Jan 2022 12:28:39 -0700
Subject: [PATCH] Style the select elements

---
 .../src/components/modals/ColourChoice.svelte    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/web-svelte/src/components/modals/ColourChoice.svelte b/web-svelte/src/components/modals/ColourChoice.svelte
index 2e6c7bd..43cea05 100644
--- a/web-svelte/src/components/modals/ColourChoice.svelte
+++ b/web-svelte/src/components/modals/ColourChoice.svelte
@@ -172,6 +172,22 @@ h3 {
 	margin-bottom: 5px;
 }
 
+select {
+	border-radius: 5px;
+	background: black;
+	color: white;
+	outline: none;
+	border-width: 2px;
+	border-style: solid;
+	border-color: transparent;
+	padding: 5px 7px;
+	width: 90%;
+
+	&:focus {
+		border-color: #00aa00;
+	}
+}
+
 .spaceship-icon {
 	/*
 		Smaller version: 55px