Merge remote-tracking branch 'origin/benchmark-has-harms-8-button-ali…

…gn' into benchmark-has-harms # Conflicts: # src/coffee/templates/benchmark.html
mlcommons · Jan 30, 2024 · 8cbf0aa · 8cbf0aa
2 parents 535775a + 610ef10
commit 8cbf0aa
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/src/coffee/templates/_sut_card.html b/src/coffee/templates/_sut_card.html
@@ -25,11 +25,11 @@ <h2 class="mb-0">{{ stars_description[benchmark_score.stars() | round | int]["ra
             <div class="row p-3{% if not loop.last %} border-bottom{% endif %}">
                 <div class="col">{{ harm_score.harm_definition().name() }}</div>
                 <div class="col">
-                    <div class="d-flex">
+                    <div class="d-flex gap-2">
                         <div class="d-flex gap-2 w-50">
                             {{ harm_score.stars() | display_stars("sm") }}
                         </div>
-                        <div class=""><span class="align-middle">{{ stars_description[harm_score.stars() | round | int]["rank"] }}</span></div>
+                        <div>{{ stars_description[harm_score.stars() | round | int]["rank"] }}</div>
                     </div>
                 </div>
                 <div class="col">{{ stars_description[harm_score.stars() | round | int]["explanation"] }}</div>

diff --git a/src/coffee/templates/benchmark.html b/src/coffee/templates/benchmark.html
@@ -33,14 +33,14 @@ <h2 class="mb-3">AI Systems Evaluated</h2>
             <div class="row px-3 py-4 border-bottom rounded-top-4 dropdown-title-bar">
                 <div class="col">AI System</div>
                 <div class="col">Overall Safety Rating</div>
-                <div class="col">Explanation</div>
+                <div class="col">Explanation 111</div>
                 <div class="col"></div>
             </div>
             {% for benchmark_score in grouped_benchmark_scores[benchmark_definition] %}
-                <div class="row p-3{% if not loop.last %} border-bottom{% endif %}">
+                <div class="row py-3 align-items-center{% if not loop.last %} border-bottom{% endif %}">
                     <div class="col"><span class="align-middle">{{ benchmark_score.sut.name }}</span></div>
                     <div class="col">
-                        <div class="d-flex">
+                        <div class="d-flex gap-2 align-items-center">
                             <div class="d-flex gap-2 w-50">
                                 {{ benchmark_score.stars() | display_stars("sm") }}
                             </div>

diff --git a/src/coffee/templates/static/style.css b/src/coffee/templates/static/style.css
@@ -36,10 +36,16 @@ button, .btn {
 }
 
 .star-span-sm {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 20px;
 }
 
 .star-span-lg {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 40px;
 }