fix multiple descriptions/notes

Author: pbalcer

devops/scripts/benchmarks/benches/compute.py

@@ -59,10 +59,10 @@ def additionalMetadata(self) -> dict[str, BenchmarkMetadata]:
             "SubmitKernel": BenchmarkMetadata(
                 type="group",
                 description="Measures CPU time overhead of submitting kernels through different APIs.",
-                notes="Each layer builds on top of the previous layer, adding functionality and overhead. "
-                "The first layer is the Level Zero API, the second is the Unified Runtime API, and the third is the SYCL API. "
-                "The UR v2 adapter noticeably reduces UR layer overhead, also improving SYCL performance."
-                "Work is ongoing to reduce the overhead of the SYCL API",
+                notes="Each layer builds on top of the previous layer, adding functionality and overhead.\n"
+                "The first layer is the Level Zero API, the second is the Unified Runtime API, and the third is the SYCL API.\n"
+                "The UR v2 adapter noticeably reduces UR layer overhead, also improving SYCL performance.\n"
+                "Work is ongoing to reduce the overhead of the SYCL API\n",
             ),
             "SinKernelGraph": BenchmarkMetadata(
                 type="group",

devops/scripts/benchmarks/benches/test.py

@@ -50,7 +50,8 @@ def additionalMetadata(self) -> dict[str, BenchmarkMetadata]:
             "Foo Group": BenchmarkMetadata(
                 type="group",
                 description="This is a test benchmark for Foo Group.",
-                notes="This is a test note for Foo Group.",
+                notes="This is a test note for Foo Group.\n"
+                      "Look, multiple lines!",
             ),
             "Bar Group": BenchmarkMetadata(
                 type="group",

devops/scripts/benchmarks/html/index.html

@@ -192,6 +192,7 @@
             margin-bottom: 10px;
             border-radius: 5px;
             border-left: 4px solid #084298;
+            white-space: pre-line;
         }
         .benchmark-unstable {
             background-color: #f8d7da;
@@ -200,6 +201,7 @@
             margin-bottom: 10px;
             border-radius: 5px;
             border-left: 4px solid #842029;
+            white-space: pre-line;
         }
         .note-text {
             color: #084298;