xhtml layout changes

bwreg-webapp/src/main/webapp/index.xhtml

@@ -92,18 +92,15 @@
 
 		<ui:repeat var="registry" value="#{userIndexBean.pendingRegistryList}">
 			<div class="third">
-				<div class="serviceBlockHeader">
-					<h:outputText value="#{registry.service.name}" />
-				</div>
+				<h:outputText value="#{registry.service.name}" class="headline"/>
 				<h:panelGroup rendered="#{registry.service.image != null}">
-					<div class="serviceBlockImage">
-						<p:graphicImage  
-							value="#{request.contextPath}/rest/image/icon/#{registry.service.image.id}" />
-					</div>
+					<figure>
+						<picture>
+							<p:graphicImage	value="#{request.contextPath}/rest/image/icon/#{registry.service.image.id}" />
+						</picture>
+					</figure>
 				</h:panelGroup>
-				<div class="serviceBlockDesc">
-					<h:outputText value="#{registry.service.shortDescription}" />
-				</div>
+				<p><h:outputText value="#{registry.service.shortDescription}" /></p>
 				<h:panelGroup rendered="#{not empty userIndexBean.getServiceAccessStatus(registry.service)}">
 					<div class="serviceBlockProblem">
 						<h:outputText value="#{messages.access_rule_problem} " />
@@ -112,13 +109,14 @@
 						</h:link>
 					</div>
 				</h:panelGroup>
-				<div class="serviceBlockLink">
+
+				<div>
 					<span class="ui-icon ui-icon-script" style="display:inline-block; vertical-align: bottom;" />
 					<h:link outcome="/service/index.xhtml" value="#{messages.service_desc}">
 						<f:param name="serviceId" value="#{registry.service.id}" />
 					</h:link>
 				</div>
-				<div class="serviceBlockLink">
+				<div>
 					<span class="ui-icon ui-icon-link" style="display:inline-block; vertical-align: bottom;" />
 					<h:link outcome="/service/registry-detail.xhtml" value="#{messages.registry_details}">
 						<f:param name="regId" value="#{registry.id}" />