Fixed application version display on /gamma

2 files changed, 5 insertions, 2 deletions

diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index 3540016..94cd715 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -512,56 +512,59 @@ div.pageFooter div.footerWrapper {
   clear: both;
   padding-top: 10px;
 }
 div.pageFooter div.footerWrapper div.footerContent {
   background-color: #eaebe6;
   padding: 20px;
   font-size: 8pt;
 }
 div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon {
   width: 40px;
   height: 40px;
   float: left;
 }
 div.pageFooter div.footerWrapper div.footerContent span.copyright {
   padding-left: 10px;
   color: #a0a0a0;
 }
 div.pageFooter div.footerWrapper div.footerContent a {
   padding-left: 50px;
   display: block;
   color: #888888;
   font-weight: bold;
   text-decoration: none;
 }
-div.pageFooter div.footerWrapper div.footerContent span.applicationVersion {
+div.pageFooter div.footerWrapper div.footerContent div.applicationVersion {
   padding: 8px;
   color: #888888;
   background-color: #d2d2d2;
   position: relative;
   top: -40px;
   float: right;
 }
+div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a {
+  display: inline;
+}
 /*
 
 Color list:
 - login box:
 	light	#ff9955
 	dark	#ff6622
 - login button:
 	regular	#dd5500
 	hover	#773311
 - login translations:
 	box: #cc6622;
 	not-selected:
 		color:		#ddaa99
 		background:	#994422
 	selected: #772211;
 */
 html {
   height: 100%;
 }
 body {
   font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
   margin: 0px;
 }
 div.modalDialogMask.userInfoBoxMask {
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js
index 2b2865c..e6ae72b 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js
@@ -32,36 +32,36 @@ Clipperz.PM.UI.Web.Components.PageFooter = function(args) {
 
 	return this;
 }
 
 //=============================================================================
 
 Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.PageFooter, Clipperz.PM.UI.Common.Components.BaseComponent, {
 
 	//-------------------------------------------------------------------------
 
 	'toString': function () {
 		return "Clipperz.PM.UI.Web.Components.PageFooter component";
 	},
 
 	//-------------------------------------------------------------------------
 
 	'renderSelf': function(/*aContainer, aPosition*/) {
 		this.append(this.element(), [
 			{tag:'div', cls:'footerWrapper', children:[
 				{tag:'div', cls:'footerContent', children:[
 					{tag:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'},
 					{tag:'span', cls:'copyright', html:'Copyright © 2009-2013 Clipperz Srl'},
 					{tag:'a', href:'http://www.clipperz.com/terms_of_service',	target:'_blank', html:'terms of service'},
 					{tag:'a', href:'http://www.clipperz.com/privacy_policy',	target:'_blank', html:'privacy policy'},
-					{tag:'span', cls:'applicationVersion', htmlString:'application version: [<a href="https://github.com/clipperz/password-manager/tree/' + Clipperz_version + '" target="github">' + Clipperz_version + '</a>]'}
+					{tag:'div', cls:'applicationVersion', htmlString:'application version: [<a href="https://github.com/clipperz/password-manager/tree/' + Clipperz_version + '" target="github">' + Clipperz_version + '</a>]'}
 				]}
 			]}
 		]);
 
 		Clipperz.PM.UI.Canvas.star.normal(this.getElement('footerStarIcon'), "#7e7e7e");
 	},
 
 	//-------------------------------------------------------------------------
 
 	__syntaxFix__: "syntax fix"
 });