From 5f7a20fdf4d53b99efa3e97979e0a11f57617799 Mon Sep 17 00:00:00 2001
From: DeionSi <DeionSi@users.noreply.github.com>
Date: Thu, 12 Jan 2023 23:20:06 +0100
Subject: [PATCH] Neutral select options background color

---
 assets/css/main.css | 14 +-------------
 index.html          |  4 ++--
 renderer.js         |  1 -
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 561433f..3f1ce23 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2346,12 +2346,7 @@ input, select, textarea {
 		}
 
     select {
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.15)' /%3E%3C/svg%3E");
-      background-size: 1.25rem;
-      background-repeat: no-repeat;
-      background-position: calc(100% - 1rem) center;
       height: 20.75em;
-      padding-right: 2.75em;
       padding-top: 0.75em;
       padding-bottom: 0.75em;
       text-overflow: ellipsis;
@@ -2359,7 +2354,7 @@ input, select, textarea {
 
 		select option {
 			color: #ffffff;
-			background: #312450;
+			background: none;
 		}
 
 		select:focus::-ms-value {
@@ -2375,13 +2370,6 @@ input, select, textarea {
 			background: #022b3a;
 		}
 
-    .select5 option {
-			color: #ffffff;
-			background: #022b3a;
-      padding-top: 4px;
-      padding-left: 4px;
-		}
-
     .select1 {
       height: 1.75em;
       width: 12em;
diff --git a/index.html b/index.html
index fb4abb0..b9eb2b2 100644
--- a/index.html
+++ b/index.html
@@ -130,7 +130,7 @@
 <!-- Base Tune download -->
 <section id="basetunes" class="wrapper style4" style="height: 100vh;">
 <div class="inner">
-    <h2 style="margin: 0;">Base Tunes</h1>
+    <h2 style="margin: 0;">Base Tunes</h2>
     <p style="font-size: 12px;">
         Tune Author: <select id="basetunesAuthor" class="select1" onChange="refreshBasetunesFilters()" ></select>
         Make: <select id="basetunesMake" class="select1" onChange="refreshBasetunesFilters()" ></select>
@@ -139,7 +139,7 @@
     <p>
         Available Tunes
         <span class="icon fa-spinner" style="position: absolute; left: 48%; top: 42%;" id="baseTuneSpinner"></span>
-        <select name="basetunes" class="select5" id="basetunesSelect" size="10" width="20" onChange="refreshBasetunesDescription()"></select>
+        <select name="basetunes" id="basetunesSelect" size="10" width="20" onChange="refreshBasetunesDescription()"></select>
         <div class="features major" >
           <div id="tuneDetailsText" style="padding-left: 0.9em; padding-right: 0.9em; padding-top: 0.1em; overflow-y: auto; height: 17vh; font-size: 14px;"></div>
         </div>
diff --git a/renderer.js b/renderer.js
index ceaa87b..e6558b5 100644
--- a/renderer.js
+++ b/renderer.js
@@ -357,7 +357,6 @@ function refreshBasetunesFilters()
           //console.log("Tune url: " + url);
           //console.log("Found a valid tune: " + basetuneList[tune].displayName);
           var newOption = document.createElement('option');
-          newOption.style.background = "#022b3a";
           newOption.dataset.filename = basetuneList[tune].filename;
           newOption.dataset.make = basetuneList[tune].make;
           newOption.dataset.description = basetuneList[tune].description;