From 91ecf62cff81c49357e39611f3beb9d229e75e44 Mon Sep 17 00:00:00 2001
From: Justin Richer <jricher@mitre.org>
Date: Mon, 20 Jan 2014 21:51:12 -0500
Subject: [PATCH] tooltip-based claims display

---
 .../src/main/webapp/WEB-INF/views/approve.jsp | 30 +++++++++++++------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/openid-connect-server-webapp/src/main/webapp/WEB-INF/views/approve.jsp b/openid-connect-server-webapp/src/main/webapp/WEB-INF/views/approve.jsp
index 01eba87be..0f53710de 100644
--- a/openid-connect-server-webapp/src/main/webapp/WEB-INF/views/approve.jsp
+++ b/openid-connect-server-webapp/src/main/webapp/WEB-INF/views/approve.jsp
@@ -104,18 +104,21 @@
 									<span class="claim-tooltip" data-toggle="tooltip"
 										data-html="true"
 										data-placement="right"
-										data-title="<ul>
-									<c:forEach var="claim" items="${ claims[scope.value] }">
-										<li>
-										<c:out value="${ claim.key } " /> 
-										: 
-										<c:out value="${ claim.value }" />
-										</li>
-									</c:forEach>
-										</ul>
+										data-title="<div style=&quot;text-align: left;&quot;>
+											Claim values:
+											<ul>
+											<c:forEach var="claim" items="${ claims[scope.value] }">
+												<li>
+												<b><c:out value="${ claim.key }" /></b>: 
+												<c:out value="${ claim.value }" />
+												</li>
+											</c:forEach>
+											</ul>
+											</div>
 										"
 									>
 										<i class="icon-question-sign"></i>
+										
 									</span>
 								</c:if>
 								
@@ -161,4 +164,13 @@
 
 	</div>
 </div>
+<script type="text/javascript">
+<!--
+
+$(document).ready(function() {
+		$('.claim-tooltip').tooltip();
+});
+
+//-->
+</script>
 <o:footer/>