Fixed #27, #14, added some rounded corners

Frontend/assets/css/tools/r11form.css

@@ -258,6 +258,7 @@
     background: #3bc4f1;
     border: 1px solid #7ed0eb;
     cursor: pointer;
+    border-radius: 5px;
 }
 
 .action-button.active:hover {
@@ -390,15 +391,17 @@
 .section-button {
     width: 100%;
     padding: 15px 0;
+    margin: 5px 0px;
     font-size: 18px;
-    background: #b4b4b4c5;
+    background: #b9afaf;
     cursor: pointer;
     border-bottom: darkgray 2px solid !important;
+    border-radius: 5px;
 }
 
 .section-button:hover {
     /* border-bottom: #3bc4f1 2px solid; */
-    backdrop-filter: brightness(110%); 
+    backdrop-filter: brightness(100%); 
 }
 
 .section-button .active {

Frontend/tools/xpath.html

@@ -3198,11 +3198,15 @@
             tool.addEventListener('change', event => {
                 //Check if script was called from textarea or selector
                 var targetID = event.target.getAttribute('id');
-                if (targetID !== "processors" && targetID !== "versions") {
-                    return;
-                }
+                if (targetID == "processors") {
                     processTooltip();
                     processVersionSelector();
+                }
+                else if (targetID == "versions") {
+                    processTooltip();
+                }
+                
+                
             })
             tool.addEventListener('click', event => {
                 //Check if script was called from textarea or selector