modificado banner.zul para cerrar sesión

src/main/webapp/WEB-INF/zk-label.properties

+#banner.zul
+banner.logout=Cerrar sesión
+banner.hello=Hola
+
 #login.zul
 s1=Bienvenido a la aplicación SmellsWisdom
 s2=Aplicación para consultar y ampliar los conocimientos sobre la detección de Design Smell.

src/main/webapp/WEB-INF/zk-label_en.properties

+#banner.zul
+banner.logout=Logout
+banner.hello=Hello
+
 #login.zul
 s1=Welcome to SmellsWisdom App.
 s2=Main page to query and extend the current knowledge on Design Smell Detection.

src/main/webapp/WEB-INF/zk-label_es.properties

+#banner.zul
+banner.logout=Cerrar sesión
+banner.hello=Hola
+
 #login.zul
 s1=Bienvenido a la aplicación SmellsWisdom
 s2=Aplicación para consultar y ampliar los conocimientos sobre la detección de Design Smell.

src/main/webapp/css/banner.zul

 <div hflex="1" vflex="1" sclass="banner">
 	<hbox hflex="1" vflex="1" align="center">
-		<div width="100%">
+		<div hflex="1">
 			<label value="SMELLSWISDOM" sclass="banner-head" />
 		</div>
-		<hbox hflex="min" pack="end" >
-			<label value="${sessionScope.userCredential.name}"  if="${sec:isAllGranted('ROLE_USER')}"/>
-			<label id="logout" value="Logout"  if="${sec:isAllGranted('ROLE_USER')}" sclass="logout"/>
+		<hbox hflex="2" pack="end" align="center" >
+			<label value="${labels.banner.hello} ${execution.userPrincipal.name}!"
+			 if="${sec:isAllGranted('ROLE_USER')}" sclass="head2"/>
+			<button id="logout" type="button" label="${labels.banner.logout}"
+			 if="${sec:isAllGranted('ROLE_USER')}"
+			 href="/j_spring_security_logout" sclass="logout"/>
 		</hbox>
 	</hbox>
 </div>
\ No newline at end of file

src/main/webapp/css/style.css

@@ -13,6 +13,7 @@
 .banner .logout {
 	text-decoration: underline;
 	cursor: pointer;
+	font-size: medium;
 }
 
 .footer {
@@ -27,12 +28,10 @@
 
 .head1 {
 	font-size: large;
-	width: 100%;
 }
 
 .head2 {
 	font-size: medium;
-	width: 100%;
 }
 
 .row-title .z-label {