Added miRtrons outline, updated outline boxes and info text

Author: JohannesMP

assets/css/main.css

@@ -329,9 +329,9 @@ tr .mi-rna .mi-arm {
     background-color: #6c5c91; 
     color: white;
     font-weight: normal;
-    border: #42375d solid 1px;
-    border-left-width: 3px;
-    border-right-width: 3px;
+    border: #42375d solid 2px;
+    border-left-width: 5px;
+    border-right-width: 5px;
 }
 .mi-arm:hover { 
     background-color: #382e50; 
@@ -354,7 +354,10 @@ tr .mi-rna .mi-arm {
     height: 100%;
 }
 .mi-arm.mi-arm-drosha {
-    border-color: #e8d847 !important;
+    border-color: #efc74f !important;
+}
+.mi-arm.mi-arm-mirtron {
+    border-color: #4196d8 !important;
 }
 
 

assets/js/main.js

@@ -263,8 +263,10 @@ $(document).ready(function() {
                     let mirnaInfo = dataStore.stemMap[FilterMiRNAString(id)];
                     let is_dom = mirnaInfo.is_predominant == "1";
                     let is_drosha_processed = mirnaInfo.is_drosha_processed == "1";
+                    let is_mirtron = mirnaInfo.is_mirtron == "1";
                     let arm_class = is_dom ? "mi-arm-dom" : "mi-arm-less";
                     arm_class += is_drosha_processed ? " mi-arm-drosha" : "";
+                    arm_class += is_mirtron ? " mi-arm-mirtron" : "";
                     let url = `http://www.mirbase.org/cgi-bin/mature.pl?mature_acc=${mirnaInfo.accession}`;
                     str += `<a href="${url}"><div class="badge badge-light mi-arm ${arm_class}">${id}</div></a>`;
                 }