DSS-5790: Adds help menu for external resources -> metadatacoverage

web/app/views/main.scala.html

@@ -177,6 +177,27 @@
 							</ul>
 						</li>
 					</ul>
+
+        <div class="nav nabar-nav navbar-right nav-help-menu dropdown">
+          <button class="nav-help-button dropdown-toggle"
+              type="button" id="nav-help-dropdown"
+              data-toggle="dropdown"
+              aria-haspopup="true"
+              title="WhereHows Help"
+              aria-expanded="true">
+                Help
+                <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
+          </button>
+          <ul class="dropdown-menu" aria-labelledby="nav-help-dropdown">
+            <li>
+              <a href="https://iwww.corp.linkedin.com/wiki/cf/display/ENGS/Metadata+Coverage"
+                 title="Metadata Coverage"
+                 target="_blank">
+                     Metadata Coverage
+              </a>
+            </li>
+          </ul>
+        </div>
 				} else {
 					<form class="navbar-form navbar-right" method="POST"
 						action="@routes.Application.authenticate()?csrfToken=@csrfToken">

web/public/stylesheets/wherehows.css

@@ -96,6 +96,20 @@ a.dropdown-toggle:hover {
     color: inherit;
 }
 
+.nav-help-button {
+    height: 60px;
+    display: inline-block;
+    margin-bottom: 0;
+    line-height: 1;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    user-select: none;
+    border: 1px solid transparent;
+    background: none;
+}
+
 /* Uncomment when ready to replace logo
 .navbar-header:before {
     content: url(/assets/images/icons/logo-white.png);