improve look and feel of the menu bar

- titles are now aligned
- text color now matches icons color

src/main/webapp/WEB-INF/jsp/fragments/bodyHeader.jsp

@@ -6,10 +6,11 @@
 <div class="navbar"  style="width: 601px;">
 	<div class="navbar-inner">
 		<ul class="nav">
-			<li><a href="<spring:url value="/" htmlEscape="true" />"><i class="icon-home"></i> Home</a></li>
-		  	<li><a href="<spring:url value="/owners/find.html" htmlEscape="true" />"><i class="icon-search"></i> Find owner</a></li>
-		  	<li><a href="<spring:url value="/vets.html" htmlEscape="true" />"><i class="icon-th-list"></i> Display all veterinarians</a></li>
-		  	<li><a href="<spring:url value="/resources/html/tutorial.html" htmlEscape="true" />"><i class=" icon-question-sign"></i> Tutorial</a></li>
+			<li  style="width: 100px;"><a href="<spring:url value="/" htmlEscape="true" />"><i class="icon-home"></i> Home</a></li>
+		  	<li style="width: 130px;"><a href="<spring:url value="/owners/find.html" htmlEscape="true" />"><i class="icon-search"></i> Find owners</a></li>
+		  	<li style="width: 120px;"><a href="<spring:url value="/vets.html" htmlEscape="true" />"><i class="icon-th-list"></i> Veterinarians</a></li>
+		  	<li  style="width: 100px;"><a href="<spring:url value="/resources/html/tutorial.html" htmlEscape="true" />"><i class=" icon-question-sign"></i> Tutorial</a></li>
+		  	<li  style="width: 80px;"><a href="<spring:url value="/oups.html" htmlEscape="true" />" title="trigger a RuntimeException to see how it is handled"><i class="icon-warning-sign"></i> Error</a></li>
 		</ul>
 	</div>
 </div>

src/main/webapp/resources/css/petclinic.css

@@ -11,3 +11,7 @@
 input[type="text"] {
 	height: 25px;
 }
+
+.navbar .nav > li > a {
+	color: #000000;
+}