From 2e27eb632e677c2cddf59eede87c2ff73492bb3e Mon Sep 17 00:00:00 2001
From: Guillaume Gomez <guillaume1.gomez@gmail.com>
Date: Mon, 24 Jun 2024 16:42:18 +0200
Subject: [PATCH] Fix display of "in progress" builds

---
 templates/crate/builds.html | 4 ++++
 templates/style/style.scss  | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/templates/crate/builds.html b/templates/crate/builds.html
index d5ea34375..1d423b407 100644
--- a/templates/crate/builds.html
+++ b/templates/crate/builds.html
@@ -44,6 +44,8 @@
                         <li>
                             {%- if build.build_status != "in_progress" %}
                             <a href="/crate/{{ metadata.name }}/{{ metadata.version }}/builds/{{ build.id }}" class="release">
+                            {%- else -%}
+                            <div class="build">
                             {%- endif %}
                                 <div class="pure-g">
                                     <div class="pure-u-1 pure-u-sm-1-24 build">
@@ -81,6 +83,8 @@
                                 </div>
                             {%- if build.build_status != "in_progress" %}
                             </a>
+                            {%- else -%}
+                            </div>
                             {%- endif %}
                         </li>
                     {%- endfor -%}
diff --git a/templates/style/style.scss b/templates/style/style.scss
index 80d39b907..7fdd6ed0b 100644
--- a/templates/style/style.scss
+++ b/templates/style/style.scss
@@ -280,7 +280,7 @@ div.recent-releases-container {
         background-color: var(--background-color);
     }
 
-    .release {
+    .release, .build {
         display: block;
         border-bottom: 1px solid var(--color-border);
         padding: 0.4em $search-result-right-left-padding;
@@ -297,11 +297,13 @@ div.recent-releases-container {
     }
 
     .release:hover,
-    a.release:focus {
+    a.release:focus,
+    .build:hover {
         background-color: var(--color-background-code);
     }
 
-    li:last-of-type .release {
+    li:last-of-type .release,
+    li:last-of-type .build {
         border-bottom: none;
     }