From b5e6f9b860f2572787632b10ac8aa80795d352bd Mon Sep 17 00:00:00 2001
From: Lars Jung <lrsjng@gmail.com>
Date: Wed, 2 Jul 2014 22:15:57 +0200
Subject: [PATCH] Update info page.

---
 src/_h5ai/client/css/inc/h5ai-info.less | 122 +++++++++++-------------
 src/_h5ai/client/js/inc/info.js         |   4 -
 src/_h5ai/index.html.jade               |   2 +-
 3 files changed, 58 insertions(+), 70 deletions(-)

diff --git a/src/_h5ai/client/css/inc/h5ai-info.less b/src/_h5ai/client/css/inc/h5ai-info.less
index 976baa50..cbffe9be 100644
--- a/src/_h5ai/client/css/inc/h5ai-info.less
+++ b/src/_h5ai/client/css/inc/h5ai-info.less
@@ -16,14 +16,6 @@ body#h5ai-info {
 			color: @col-hover;
 		}
 	}
-
-	.idx-file {
-		margin-top: 1em;
-		font-size: 0.6em;
-		display: block;
-		color: #aaa;
-
-	}
 	code {
 		margin: 0 0.2em;
 		padding: 2px 4px;
@@ -41,63 +33,72 @@ body#h5ai-info {
 		font-size: 1.15em;
 		margin: 2.6em 0 0 0;
 	}
-	p {
-		line-height: 1.6em;
-	}
-	p + p {
-		margin-top: 1.2em;
-	}
-	li {
-		margin-top: 0.6em;
-		line-height: 1.4em;
+
+
+	#support {
+		margin: 12px auto 24px auto;
+		padding: 6px 18px;
+		width: 164px;
+		font-size: 12px;
+		background: @col-widget-back;
+		border: @border-widget;
+		border-radius: 4px;
+
+		.paypal {
+			margin: 6px 0 0 0;
+		}
 	}
 
+
 	#login-wrapper {
 		margin: 96px 0;
 		font-size: 14px;
+	}
 
-		#pass {
-			-moz-appearance: none;
-			-ms-appearance: none;
-			-webkit-appearance: none;
-			font-family: @font-family;
-			font-weight: @font-weight;
-			color: @col;
-			background: @col-widget-back-highlight;
-			border: @border-widget;
-			outline: none;
-			display: inline-block;
-			width: 200px;
-			height: 30px;
-			padding: 0 6px;
-			margin: 8px;
-		}
-		#login, #logout {
-			display: inline-block;
-			padding: 4px 16px;
-			margin: 8px;
-			background-color: @col-widget-back;
-			border: @border-widget;
-			cursor: pointer;
+	#pass {
+		-moz-appearance: none;
+		-ms-appearance: none;
+		-webkit-appearance: none;
+		font-family: @font-family;
+		font-weight: @font-weight;
+		color: @col;
+		background: @col-widget-back-highlight;
+		border: @border-widget;
+		outline: none;
+		display: inline-block;
+		width: 200px;
+		height: 30px;
+		padding: 0 6px;
+		margin: 8px;
+	}
 
-			color: @col;
-			cursor: pointer;
-			text-decoration: none;
-			.transition(all 0.2s ease-in-out);
+	#login, #logout {
+		display: inline-block;
+		padding: 4px 16px;
+		margin: 8px;
+		background-color: @col-widget-back;
+		border: @border-widget;
+		cursor: pointer;
 
-			&:hover, &.hover {
-				background-color: @col-widget-back-highlight;
-				color: @col-hover;
-			}
-		}
-		#hint {
-			margin: 12px auto;
-			width: 360px;
-			color: @col;
-			font-size: 12px;
+		color: @col;
+		cursor: pointer;
+		text-decoration: none;
+		.transition(all 0.2s ease-in-out);
+
+		&:hover, &.hover {
+			background-color: @col-widget-back-highlight;
+			color: @col-hover;
 		}
 	}
 
+	#hint {
+		margin: 12px auto;
+		width: 360px;
+		color: @col;
+		font-size: 12px;
+	}
+
+
 	#tests-wrapper {
 		margin: 96px 0;
 	}
@@ -110,6 +111,7 @@ body#h5ai-info {
 		padding: 0;
 
 		.test {
+			margin: 12px 0 0 0;
 			padding: 6px;
 
 			.label {
@@ -139,18 +141,8 @@ body#h5ai-info {
 		}
 	}
 
+
 	#bottombar {
 		font-size: 13px;
 	}
-
-	#donation {
-		margin: 12px auto;
-		width: 360px;
-		color: @col;
-		font-size: 12px;
-
-		.paypal {
-			margin: 6px;
-		}
-	}
 }
diff --git a/src/_h5ai/client/js/inc/info.js b/src/_h5ai/client/js/inc/info.js
index 74df50f6..de93d9d5 100644
--- a/src/_h5ai/client/js/inc/info.js
+++ b/src/_h5ai/client/js/inc/info.js
@@ -153,10 +153,6 @@ modulejs.define('info', ['$', 'config'], function ($, config) {
 
 		init = function () {
 
-			$('<span class="idx-file">Index: <code class="value"></code></span>')
-				.appendTo('body')
-				.find('.value').text(setup.INDEX_HREF);
-
 			if (setup.AS_ADMIN) {
 				addTests();
 			}
diff --git a/src/_h5ai/index.html.jade b/src/_h5ai/index.html.jade
index 52c1499f..3d1e484a 100644
--- a/src/_h5ai/index.html.jade
+++ b/src/_h5ai/index.html.jade
@@ -21,7 +21,7 @@ html.no-js.browser( lang="en" )
 		h1
 			a( href="{{pkg.url}}" ) {{pkg.name}}
 
-		div#donation
+		div#support
 			| show your love and support for h5ai with a small donation
 			div.paypal
 				form( action="https://www.paypal.com/cgi-bin/webscr", method="post", target="_top" )