From 6df484e049a60e7908aa045095784c28ef574641 Mon Sep 17 00:00:00 2001
From: Mike Lay <mike@mkly.io>
Date: Tue, 30 Jan 2024 12:27:35 -0800
Subject: [PATCH] Use chevrons for buttons

---
 src/coffee/templates/_benchmark_card.html | 4 ++--
 src/coffee/templates/benchmark.html       | 6 +++---
 src/coffee/templates/static/style.css     | 6 +++++-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/coffee/templates/_benchmark_card.html b/src/coffee/templates/_benchmark_card.html
index c3be6f76..80309b06 100644
--- 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>
\ No newline at end of file
+</div>
diff --git a/src/coffee/templates/benchmark.html b/src/coffee/templates/benchmark.html
index e11181a5..6b9cb8f9 100644
--- 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 %}
\ No newline at end of file
+{% endblock %}
diff --git a/src/coffee/templates/static/style.css b/src/coffee/templates/static/style.css
index 738a3d00..348f5443 100644
--- a/src/coffee/templates/static/style.css
+++ b/src/coffee/templates/static/style.css
@@ -66,4 +66,8 @@ footer {
 
 .badge {
     background-color: #D1D8E6;
-}
\ No newline at end of file
+}
+
+.btn-chevron {
+    font-size: 12px !important;
+}