fix: minor style fixes

* Fixes that the neutral color for bar chars was blending into the background.
* Uses a different icon for tests.
* Removes text selection when clicking on the bar chart.

Author: crisbeto

report-app/src/app/pages/report-viewer/report-viewer.html

@@ -66,7 +66,7 @@ <h3>Runner</h3>
       <div class="charts-grid">
         <div class="chart-container build-results-details">
           <h3 class="chart-title">
-            <span class="material-symbols-outlined"> build </span>
+            <span class="material-symbols-outlined">build</span>
             <span>Build</span>
           </h3>
           <div class="summary-card-item">
@@ -76,7 +76,7 @@ <h3 class="chart-title">
         @if (overview.stats.tests) {
           <div class="chart-container test-results-details">
             <h3 class="chart-title">
-              <span class="material-symbols-outlined"> quiz </span>
+              <span class="material-symbols-outlined">assignment</span>
               <span>Tests</span>
             </h3>
             <div class="summary-card-item">
@@ -87,7 +87,7 @@ <h3 class="chart-title">
         @if (overview.stats.runtime) {
           <div class="chart-container">
             <h3 class="chart-title">
-              <span class="material-symbols-outlined"> schedule </span>
+              <span class="material-symbols-outlined">schedule</span>
               <span>Runtime</span>
             </h3>
             <div class="summary-card-item">
@@ -101,7 +101,7 @@ <h3 class="chart-title">
         @if (overview.stats.security) {
           <div class="chart-container">
             <h3 class="chart-title">
-              <span class="material-symbols-outlined"> security </span>
+              <span class="material-symbols-outlined">security</span>
               <span>Security</span>
             </h3>
             <div class="summary-card-item">

report-app/src/app/shared/visualization/stacked-bar-chart/stacked-bar-chart.scss

@@ -37,6 +37,7 @@
   font-weight: 500;
   transition: filter 0.2s ease-in-out;
   min-width: 50px;
+  user-select: none;
 
   &:first-child {
     border-top-left-radius: 8px;

report-app/src/styles.scss

@@ -30,7 +30,7 @@
   --status-fill-great: #84cc16;
   --status-fill-good: #f59e0b;
   --status-fill-poor: #ef4444;
-  --status-fill-neutral: #eff6ff;
+  --status-fill-neutral: #aaa;
 
   --status-text-excellent: #0c855d;
   --status-text-great: #0c855d; // TODO: do we want to differentiate from `excellent`?