added error marker for each collection tab and fixed the styles of the raw errors tooltip

ui/src/css/base.css

@@ -411,6 +411,10 @@ hr {
 }
 
 /* txt helpers */
+.txt-base {
+    line-height: var(--lineHeight) !important;
+    font-size: var(--fontSize) !important;
+}
 .txt-sm {
     line-height: var(--smLineHeight) !important;
     font-size: var(--smFontSize) !important;

ui/src/css/collectionModal.css

@@ -65,6 +65,9 @@
         i {
             display: inline-block;
         }
+        .label {
+            vertical-align: baseline;
+        }
     }
     .rule-content {
         margin: 5px 0;

ui/src/css/tooltip.css

@@ -3,6 +3,7 @@
     z-index: 99999;
     max-width: 300px;
     min-width: 30px;
+    max-height: 90%;
     text-align: center;
     white-space: pre-line;
     word-break: break-word;
@@ -13,6 +14,7 @@
     font-size: var(--smFontSize);
     line-height: var(--smLineHeight);
     font-family: var(--baseFontFamily);
+    scrollbar-width: thin;
     margin: 3px;
     padding: 3px 5px;
     pointer-events: none;
@@ -27,4 +29,10 @@
             opacity: 0;
         }
     }
+    &[data-style="code"] {
+        text-align: left;
+        white-space: pre-wrap;
+        max-width: 350px;
+        font-family: var(--monospaceFontFamily);
+    }
 }

ui/src/css/vars.css

@@ -88,7 +88,7 @@
     --modalOverlayColor: rgba(70, 90, 115, 0.25);
 
     --tooltipTxtColor: #fff;
-    --tooltipSurfaceColor: rgba(34, 36, 36, 0.9);
+    --tooltipSurfaceColor: rgba(37, 39, 45, 0.9);
 
     --boxShadow: 0px 8px 5px -5px rgba(34, 36, 36, 0.1);
     --leftBoxShadow: -1px 0px 5px 0 rgba(34, 36, 36, 0.1);