From 9bfd43534017e5eb2b25631fa1beb85c6cddcc9f Mon Sep 17 00:00:00 2001
From: Panos Syskakis <75637426+Pansysk75@users.noreply.github.com>
Date: Sun, 31 Dec 2023 19:06:25 +0200
Subject: [PATCH] Fix non-clickable 'View Build' button

---
 web-app/public/builds.css | 6 +++++-
 web-app/views/builds.ejs  | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web-app/public/builds.css b/web-app/public/builds.css
index 931b19e..db632b5 100644
--- a/web-app/public/builds.css
+++ b/web-app/public/builds.css
@@ -76,11 +76,15 @@
     padding: var(--spacing-small);
 }
 
-.view-button:hover:enabled , .favorite-button:hover:enabled {
+.view-button:hover:enabled, .favorite-button:hover:enabled {
     background-color: var(--primary-color);
     color: white;
 }
 
+.view-button:hover:enabled a{
+    color: white;
+}
+
 /* Media query for responsive adjustments */
 @media (max-width: 768px) {
     .builds-element {
diff --git a/web-app/views/builds.ejs b/web-app/views/builds.ejs
index 26d476c..4f9c702 100644
--- a/web-app/views/builds.ejs
+++ b/web-app/views/builds.ejs
@@ -30,7 +30,7 @@
             </div>
             <div class="button-container">
               <button class="view-button" type="button">
-                <span target="_top" href="build/<%= builds[i].Build_id %>">View Build</span>
+                <a target="_top" href="build/<%= builds[i].Build_id %>">View Build</a>
               </button>
               <button class="favorite-button" type="button" <%-session.Username?'':"disabled title='Login to favorite' " %> value="<%= builds[i].Build_id %>" >
                   <span class="material-symbols-outlined" style="font-variation-settings:'FILL' 0;"> favorite </span>