Fix display of "in progress" builds

Author: GuillaumeGomez

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-in-progress">
                             {%- 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 -%}

templates/style/style.scss

@@ -280,7 +280,7 @@ div.recent-releases-container {
         background-color: var(--background-color);
     }
 
-    .release {
+    .release, .build-in-progress {
         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-in-progress:hover {
         background-color: var(--color-background-code);
     }
 
-    li:last-of-type .release {
+    li:last-of-type .release,
+    li:last-of-type .build-in-progress {
         border-bottom: none;
     }