From 5dec23db380d17f6bc2b062de2aa6b5700921c63 Mon Sep 17 00:00:00 2001
From: Taras Madan <tarasmadan@google.com>
Date: Wed, 17 Jul 2024 16:57:46 +0200
Subject: dashboard/app: fix coverage menu

---
 dashboard/app/templates/templates.html | 10 ++++++----
 pkg/html/pages/style.css               |  3 ++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/dashboard/app/templates/templates.html b/dashboard/app/templates/templates.html
index 5478d027a..2f73d7f62 100644
--- a/dashboard/app/templates/templates.html
+++ b/dashboard/app/templates/templates.html
@@ -91,7 +91,7 @@ Use of this source code is governed by Apache 2 LICENSE that can be found in the
           <button class="dropbtn"><span style="color:DarkOrange;">📈</span>Graphs</button>
           <div class="dropdown-content">
             <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/bugs" $.Namespace)}}_selected{{end}}"
-                href='/{{$.Namespace}}/graph/bugs'>Kernel&nbsp;Health</>
+                href='/{{$.Namespace}}/graph/bugs'>Kernel&nbsp;Health</a>
             <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/found-bugs" $.Namespace)}}_selected{{end}}"
                 href='/{{$.Namespace}}/graph/found-bugs'>Bugs/Month</a>
             <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/lifetimes" $.Namespace)}}_selected{{end}}"
@@ -106,9 +106,11 @@ Use of this source code is governed by Apache 2 LICENSE that can be found in the
         {{if .ShowCoverageMenu}}
           <div class="dropdown navigation_tab">
             <button class="dropbtn"><span style="color:DarkOrange;">📈</span>Coverage</button>
-            <div class="dropdown-content navigation_tab{{if eq .URLPath (printf "/%v/graph/coverage" $.Namespace)}}_selected{{end}}">
-              <a href="/{{$.Namespace}}/graph/coverage">Total</a>
-              <a href="/{{$.Namespace}}/graph/coverage_heatmap">Heatmap</a>
+            <div class="dropdown-content">
+              <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/coverage" $.Namespace)}}_selected{{end}}"
+                  href="/{{$.Namespace}}/graph/coverage">Total</a>
+              <a  class="navigation_tab{{if eq .URLPath (printf "/%v/graph/coverage_heatmap" $.Namespace)}}_selected{{end}}"
+                  href="/{{$.Namespace}}/graph/coverage_heatmap">Heatmap</a>
             </div>
           </div>
         {{end}}
diff --git a/pkg/html/pages/style.css b/pkg/html/pages/style.css
index 757712f39..7afe4ab02 100644
--- a/pkg/html/pages/style.css
+++ b/pkg/html/pages/style.css
@@ -450,6 +450,7 @@ aside {
 /* Dropdown Content (Hidden by Default) */
 .dropdown-content {
 	display: none;
+	flex-direction: column;
 	position: absolute;
 	background-color: #f1f1f1;
 	z-index: 1;
@@ -466,7 +467,7 @@ aside {
 .dropdown-content a:hover {background-color: #ddd;}
 
 /* Show the dropdown menu on hover */
-.dropdown:hover .dropdown-content {display: block;}
+.dropdown:hover .dropdown-content {display: flex;}
 
 /* Change the background color of the dropdown button when the dropdown content is shown */
 .dropdown:hover .dropbtn {background-color: #ddd;}
-- 
cgit mrf-deployment