diff --git a/awx/ui/static/js/helpers/AboutAnsible.js b/awx/ui/static/js/helpers/AboutAnsible.js
index 65d55db71f..6f95f0848a 100644
--- a/awx/ui/static/js/helpers/AboutAnsible.js
+++ b/awx/ui/static/js/helpers/AboutAnsible.js
@@ -42,17 +42,28 @@ angular.module('AboutAnsibleHelpModal', ['RestServices', 'Utilities','ModalDialo
scope.removeBuildAboutDialog();
}
scope.removeBuildAboutDialog = scope.$on('BuildAboutDialog', function(e, data) {
- var str = data.version;
+ var spaces, i, j,
+ paddedStr = "",
+ str = data.version;
+
if(str.search('-')){
str = str.substr(0,str.search('-'));
}
- $('#about-modal-version').html(str);
+ spaces = Math.floor((16-str.length)/2);
+ for( i=0; i<=spaces; i++){
+ paddedStr = paddedStr +" ";
+ }
+ paddedStr = paddedStr+str;
+ for( j = paddedStr.length; j<16; j++){
+ paddedStr = paddedStr + " ";
+ }
+ $('#about-modal-version').html(paddedStr);
CreateDialog({
id: 'about-modal-dialog',
scope: scope,
buttons: [],
- width: 600,
- height: 300,
+ width: 730,
+ height: 320,
minWidth: 300,
// title: , //'
' ,//'About Ansible',
callback: 'DialogReady'
diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less
index 0078e5382b..51e45542ab 100644
--- a/awx/ui/static/less/ansible-ui.less
+++ b/awx/ui/static/less/ansible-ui.less
@@ -128,15 +128,20 @@ a:focus {
background-color: #FFF;
}
-#about-modal-logo{
- width: 150px;
- height: 150px;
- margin-left: 10px;
- margin-top: 10px;
+
+#cowsay{
+ margin-right: 10px;
}
+
#about-modal-titlelogo{
margin-bottom: 10px;
+ width: 228px;
+ height: 70px;
+}
+#copyright-text{
+ margin-top: 10px;
+ margin-bottom: 10px;
}
/* Make buttons appear to be disabled, but allow mouse events */
diff --git a/awx/ui/static/partials/cowsay-about.html b/awx/ui/static/partials/cowsay-about.html
new file mode 100644
index 0000000000..a89163d231
--- /dev/null
+++ b/awx/ui/static/partials/cowsay-about.html
@@ -0,0 +1,25 @@
+
+
+ ________________ +/ Tower Version \ +\/ + ---------------- + \ ^__^ + \ (oo)\_______ + (__)\ A)\/\ + ||----w | + || || ++