new: Add background select arrow to select menu

public/style.css

@@ -43,7 +43,6 @@ form input {
 
 form select {
   appearance: none;
-  text-align: right;
   flex-grow: 1;
   font-size: 15px;
   color: white;
@@ -55,6 +54,27 @@ form select {
   border: none;
   width: 10%;
   border: solid 1px var(--bright-third);
+
+  margin: 0;      
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+
+ background-image:
+    linear-gradient(45deg, transparent 50%, var(--bright-main) 50%),
+    linear-gradient(135deg, var(--bright-main) 50%, transparent 50%),
+    linear-gradient(to right, var(--dark-third), var(--dark-third));
+  background-position:
+    calc(100% - 20px) calc(1em + 2px),
+    calc(100% - 15px) calc(1em + 2px),
+    100% 0;
+  background-size:
+    5px 5px,
+    5px 5px,
+    2.5em 2.5em;
+  background-repeat: no-repeat;
 }
 
 table {