From ab5a3e29cbe8041634a6cc0eed8902e4da1eeb5d Mon Sep 17 00:00:00 2001
From: Mic <misvy@vmware.com>
Date: Tue, 5 Feb 2013 09:58:42 +0800
Subject: [PATCH] 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 | 9 +++++----
src/main/webapp/resources/css/petclinic.css | 4 ++++
2 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/src/main/webapp/WEB-INF/jsp/fragments/bodyHeader.jsp b/src/main/webapp/WEB-INF/jsp/fragments/bodyHeader.jsp
index cbbce5f..71733bf 100644
--- a/src/main/webapp/WEB-INF/jsp/fragments/bodyHeader.jsp
+++ b/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>
diff --git a/src/main/webapp/resources/css/petclinic.css b/src/main/webapp/resources/css/petclinic.css
index e4632fc..8e31eae 100644
--- a/src/main/webapp/resources/css/petclinic.css
+++ b/src/main/webapp/resources/css/petclinic.css
@@ -11,3 +11,7 @@
input[type="text"] {
height: 25px;
}
+
+.navbar .nav > li > a {
+ color: #000000;
+}
--
GitLab