From 415670e28dd0a5727e5e63418c43d44730fc3c58 Mon Sep 17 00:00:00 2001
From: bkoniden <bkoniden@43c2fc9b-1942-4403-87b2-35b4218f7473>
Date: Tue, 23 Nov 2010 19:43:53 +0000
Subject: [PATCH] Fixed the problem of Axis text not being in the middle.

---
 .../js/visualization/entityComparison/util.js      |  2 --
 .../templates/visualization/entity_comparison.jsp  | 14 +++++++-------
 .../css/visualization/entityComparison/layout.css  |  6 ++++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/productMods/js/visualization/entityComparison/util.js b/productMods/js/visualization/entityComparison/util.js
index 8c29b75e..b91489fe 100644
--- a/productMods/js/visualization/entityComparison/util.js
+++ b/productMods/js/visualization/entityComparison/util.js
@@ -12,8 +12,6 @@ function init(graphContainer) {
 	// TODO: make use of the id on the select field instead of a generic one.
 	$("#comparisonParameter").text("Total Number of " + $("select.comparisonValues option:selected").val());
 	$('#yaxislabel').html("Number of " + optionSelected).mbFlipText(false);
-	$("span#paramdesc").text($("select.comparisonValues option:selected").val() + ' (desc)');	
-	$("span#paramasc").text($("select.comparisonValues option:selected").val() + ' (asc)');	
 	
 	var defaultFlotOptions = {
 			xaxis : {
diff --git a/productMods/templates/visualization/entity_comparison.jsp b/productMods/templates/visualization/entity_comparison.jsp
index 7305133c..441ae5dd 100644
--- a/productMods/templates/visualization/entity_comparison.jsp
+++ b/productMods/templates/visualization/entity_comparison.jsp
@@ -20,19 +20,21 @@
 		<h1>Temporal Graph Visualization<span id="entitylevelheading"><i> School Level</i></span></h1>
 	<div id="leftblock">
 		<div id="leftUpper">
-			<h2 style="background-color:#3D454E; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">How do you want to compare?</h2>
-			<p style="float:left; margin-left:10px; margin-right: 10px; margin-top: 6px;">Select </p>
+			<h2 style="background-color:#3D454E; padding-left: 3px; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">How do you want to compare?</h2>
+			<div style="text-align: center;">
+			<p style="margin-right: 10px; margin-top: 6px; font-size: 1.2em;">Select </p>
 			<select class="comparisonValues" style="margin-bottom: 20px;">
 				<option value="Publications" selected="selected">Publications</option>
-				<option value="Grants" disabled="disabled">Grants</option>
+				<option value="Grants">Grants</option>
 				<option value="People" disabled="disabled">People</option>
 				<option value="Item4" disabled="disabled">Item4</option>
 				<option value="Item5" disabled="disabled">Item5</option>
 			</select>
+			</div>
 		</div>
 		<br/>	
 		<div id="leftLower">
-			<h2 style="background-color:#3D454E; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">Choose</h2>
+			<h2 style="background-color:#3D454E; color: white; padding-left: 3px; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">Choose</h2>
 			<div id="paginatedTable">
 			</div>
 		</div>
@@ -80,9 +82,7 @@
         $("select.comparisonValues").click(function(){
             var selectedValue = $("select.comparisonValues option:selected").val();
 			$("#comparisonParameter").text("Total Number of " + selectedValue);
-			$('#yaxislabel').html("Number of " + selectedValue ).mbFlipText(false);
-			$("span#paramdesc").text($("select.comparisonValues option:selected").val() + ' (desc)');	
-			$("span#paramasc").text($("select.comparisonValues option:selected").val() + ' (asc)');	
+			$('#yaxislabel').html("Number of " + selectedValue).mbFlipText(false);
         });
 
 		//click event handler for clear button
diff --git a/themes/vivo-basic/css/visualization/entityComparison/layout.css b/themes/vivo-basic/css/visualization/entityComparison/layout.css
index 28c7f380..ac4c5f31 100644
--- a/themes/vivo-basic/css/visualization/entityComparison/layout.css
+++ b/themes/vivo-basic/css/visualization/entityComparison/layout.css
@@ -43,13 +43,15 @@ form{
 	background-color: white;
 	color:black;
 	display: block;
-
+	height: 150px;
+	text-align: center;
+	padding-top: 50px;
 }
 
 #xaxislabel{
 	font-size: 12px;
 	margin-top: -5px;
-	margin-left: 250px;
+	text-align: center;
 }
 
 #functions{