Use chevrons for buttons

mlcommons · Jan 30, 2024 · 6df484e · 6df484e
1 parent 6edd253
commit 6df484e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/coffee/templates/_benchmark_card.html b/src/coffee/templates/_benchmark_card.html
@@ -6,7 +6,7 @@ <h2 class="mb-0">{{ benchmark_definition.name() }}</h2>
             </div>
             <div class="col"></div>
             <div class="col text-end">
-                <a href="{{ benchmark_definition.path_name() }}.html" class="btn">Show Details >
+                <a href="{{ benchmark_definition.path_name() }}.html" class="btn d-inline-flex align-items-center gap-1">Show Details<i class="bi bi-chevron-right btn-chevron"></i>
                 </a>
             </div>
         </div>
@@ -21,4 +21,4 @@ <h2 class="mb-0">{{ benchmark_definition.name() }}</h2>
 
         </div>
     </div>
-</div>
+</div>
diff --git a/src/coffee/templates/benchmark.html b/src/coffee/templates/benchmark.html
@@ -54,8 +54,8 @@ <h2 class="mb-3">AI Systems Evaluated</h2>
                     </div>
                     <div class="col text-end">
                         <a href="{{ benchmark_score.sut.name }}_{{ benchmark_score.benchmark_definition.path_name() }}_report.html"
-                           class="btn btn-tiny me-4">Show
-                            Details >
+                           class="btn btn-tiny me-4 d-inline-flex align-items-center gap-1">Show
+                            Details<i class="bi bi-chevron-right btn-chevron"></i>
                         </a>
                     </div>
                 </div>
@@ -77,4 +77,4 @@ <h4 class="mb-3 mt-5">
         </div>
 
     </div>
-{% endblock %}
+{% endblock %}
diff --git a/src/coffee/templates/static/style.css b/src/coffee/templates/static/style.css
@@ -66,4 +66,8 @@ footer {
 
 .badge {
     background-color: #D1D8E6;
-}
+}
+
+.btn-chevron {
+    font-size: 12px !important;
+}