From abb7bbb9c12b55a4c6b0b347dd29b0f4c439401b Mon Sep 17 00:00:00 2001
From: Luis Aleixo <luis.aleixo@cern.ch>
Date: Wed, 10 Nov 2021 12:04:08 +0100
Subject: [PATCH] Added href to dropdown reference and blue colors for each
 navlink

---
 cara/apps/static/css/style.css     | 4 ++--
 cara/apps/templates/layout.html.j2 | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index b753c20c..39abaeb7 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -64,14 +64,14 @@ body {
   padding: .2rem;
 }
 
-/* .nav-link {
+.nav-link {
   color: rgb(255, 255, 255)!important;
 }
 
 .nav-link.active,
 .nav-link:hover {
   color: rgb(45, 138, 241)!important;
-} */
+}
 
 /*============= SPLIT =============*/
 
diff --git a/cara/apps/templates/layout.html.j2 b/cara/apps/templates/layout.html.j2
index f43b94d5..e56dfb85 100644
--- a/cara/apps/templates/layout.html.j2
+++ b/cara/apps/templates/layout.html.j2
@@ -35,11 +35,11 @@
       <div class="collapse navbar-collapse" id="navbarResponsive">
         <ul class="navbar-nav ml-auto">
           <li class="nav-link"><a href="/" class="{{ "nav-link active" if "home/" == active_page else "nav-link" }}">HOME</a></li>
-          <li class="nav-item dropdown p-2">
-            <a class="nav-link dropdown-toggle {{ "nav-link active" if "calculator/" in active_page else "nav-link" }}" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          <li class="p-2 nav-item dropdown">
+            <a class="dropdown-toggle {{ "nav-link active" if "calculator/" in active_page else "nav-link" }}" href="{{ calculator_prefix }}" id="navbarDropdown">
               APPS
             </a>
-            <ul class="dropdown-menu dropwown-navbar-colors" style="min-width: 14rem;" aria-labelledby="navbarDropdown">
+            <ul class="dropdown-menu dropwown-navbar-colors nav" style="min-width: 14rem;" aria-labelledby="navbarDropdown">
               <li><a href="{{ calculator_prefix }}" class="{{ "nav-link active" if "calculator/" == active_page else "nav-link" }}">CARA CALCULATOR</a></li>
               <li><a href="{{ calculator_prefix }}/user-guide" style="margin-left: 4rem" class="{{ "nav-link active" if "user-guide" in active_page else "nav-link" }}">USER GUIDE</a></li>
               <li><a href="/expert-app" class="{{ "nav-link active" if "/expert-app" == active_page else "nav-link" }}">EXPERT APP (BETA)</a></li>