fix & red borders

main.js

@@ -1866,7 +1866,7 @@
     pointInput.id = "add-point"
     pointInput.type = "text"
     pointInput.addEventListener("focus", () => {
-      pointInput.classList.remove("success")
+      pointInput.classList.remove("success", "error")
     })
 
     let addButton = document.createElement("button")
@@ -1914,7 +1914,7 @@
       let option = document.querySelector(`#cps_in option[value="${addedPoints[point]}"]`)
       option.selected = true
       document.querySelector(`#cps_delete`).click()
-      pointInput.classList.add("success")
+      pointInput.classList.add("error")
       pointInput.value = ""
       option.selected = false
       scrollSelectToBottom("#cps_in")
@@ -1927,7 +1927,7 @@
     document.querySelector("table tr:nth-child(16) td").prepend(addPointsContainer)
 
     addStylesToHead(`
-      select {
+      #cps_in, #cps_avail {
         height: 15em;
       }
 
@@ -1935,6 +1935,10 @@
         border-color: green;
       }
 
+      .error {
+        border-color: red;
+      }
+
       #add-point {
         width: 5em;
       }