From f93feb9a363f1ad076c1425950d8c1ecec7cc450 Mon Sep 17 00:00:00 2001
From: didayolo <adrien.pavao@gmail.com>
Date: Tue, 25 Jul 2023 19:25:45 +0200
Subject: [PATCH] Replace show detailed results by an eye icon

---
 .../riot/competitions/detail/leaderboards.tag       | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/static/riot/competitions/detail/leaderboards.tag b/src/static/riot/competitions/detail/leaderboards.tag
index 96e4db63e..7176cc213 100644
--- a/src/static/riot/competitions/detail/leaderboards.tag
+++ b/src/static/riot/competitions/detail/leaderboards.tag
@@ -60,7 +60,9 @@
             <td>{submission.last_entry_date}</td>
             <td if="{submission.organization !== null}"><a href="{submission.organization.url}">{ submission.organization.name }</a></td>
             <td each="{ column in filtered_columns }">
-                <a if="{column.title == 'Detailed Results'}" href="detailed_results/{get_detailed_result_submisison_id(column, submission)}" target="_blank">Show detailed results</a> 
+                <a if="{column.title == 'Detailed Results'}" href="detailed_results/{get_detailed_result_submisison_id(column, submission)}" target="_blank" class="eye-icon-link">
+                    <i class="icon grey eye eye-icon"></i>
+                </a>
                 <span if="{column.title != 'Detailed Results'}">{get_score(column, submission)}</span>
             </td>
            
@@ -197,7 +199,6 @@
             display: block
             width: 100%
             height: 100%
-
         .celled.table.selectable
             margin 1em 0
 
@@ -211,5 +212,13 @@
             transform translate(-50%, 50%)
         .ui.table > thead > tr.task-row > th
             background-color: #e8f6ff !important
+        .eye-icon-link
+            position: relative
+            display: block
+        .eye-icon
+            position: absolute
+            top: 50%
+            left: 50%
+            transform: translate(-50%, -50%)
     </style>
 </leaderboards>