[O2B-883] Fix runs quality border triggering balloon display (#1375)

* [O2B-883] Fix runs quality border triggering balloon display

* Fix linter

Author: martinboulais

lib/public/app.css

@@ -15,14 +15,14 @@ html, body {
 
 .b1 { border-style: solid; border-width: 1px; }
 .bt1 { border-top: 1px solid }
+.bb3 { border-bottom: 3px solid }
 .b-gray-light { border-color: var(--color-gray-light) }
 .b-warning { border-color: var(--color-warning); }
 .b-danger { border-color: var(--color-danger); }
 .b-success { border-color: var(--color-success); }
 .b-primary { border-color: var(--color-primary); }
-
-.b-underline-good { border-bottom: 4px solid var(--color-success); }
-.b-underline-bad { border-bottom: 4px dashed var(--color-danger); }
+.b-good { border-color: var(--color-success); }
+.b-bad { border-color: var(--color-danger); border-style: dashed }
 
 .bg-light-blue {
     background-color: var(--color-light-blue) !important;

lib/public/components/common/popover/overflowBalloon.js

@@ -25,9 +25,9 @@ import { PopoverAnchors } from './PopoverEngine.js';
  */
 const doesElementOverflow = (element) => {
     const overflowHorizontally = Boolean(element) && element.offsetWidth < element.scrollWidth;
-    const overvlowVertically = Boolean(element) && element.offsetHeight < element.scrollHeight;
+    const overflowVertically = Boolean(element) && element.offsetHeight < element.scrollHeight;
 
-    return overflowHorizontally || overvlowVertically;
+    return overflowHorizontally || overflowVertically;
 };
 
 /**

lib/public/views/Runs/format/formatRunDetectorsInline.js

@@ -45,4 +45,5 @@ export const formatRunDetectorsInline = (detectorsQualities, nDetectors) => {
  * @param {RunDetectorQuality} detectorsQuality The detector with its quality
  * @return {string} The class of the detecor
  */
-const detectorStyleClass = (detectorsQuality) => detectorsQuality.quality === RunDetectorQualities.GOOD ? 'b-underline-good' : 'b-underline-bad';
+const detectorStyleClass = (detectorsQuality) => 'd-inline-block bb3'
+    + ` ${detectorsQuality.quality === RunDetectorQualities.GOOD ? 'b-good' : 'b-bad'}`;