fix monsterize layout - width of columns (#6428)

fix monsterize layout - width of columns is now same for
monsterized/regular char columns

fixes #6424

Author: wdvr

torchci/components/GroupJobConclusion.tsx

@@ -87,9 +87,9 @@ function GroupConclusionContent({
   if (conclusion !== GroupedJobStatus.Failure || !monsterFailures) {
     return (
       <span
-        className={
+        className={`${styles.conclusion} ${
           isClassified ? styles["classified"] : styles[conclusion ?? "none"]
-        }
+        }`}
         onDoubleClick={toggleExpanded}
         style={{
           border: "1px solid gainsboro",
@@ -143,7 +143,7 @@ function GroupConclusionContent({
 
   return (
     <span
-      className={styles.monster_with_count}
+      className={`${styles.monster_with_count} ${styles.conclusion}`}
       onDoubleClick={toggleExpanded}
       title={`${allMonsters.length} unique failure ${
         allMonsters.length === 1 ? "type" : "types"

torchci/components/JobConclusion.module.css

@@ -2,6 +2,9 @@
   font-family: monospace;
   font-size: 1rem;
   font-weight: bold;
+  display: inline-block;
+  width: 14px;
+  text-align: center;
 }
 
 .classified {
@@ -23,7 +26,7 @@
   background-size: 152px 426px; /* total size of the spritesheet (downscaled 1.5x) */
   display: inline-block;
   vertical-align: middle;
-  margin-left: 2px;
+  margin-left: 0;
   image-rendering: pixelated;
 }