From 00716cd84d050fac288470d03f25d44466780389 Mon Sep 17 00:00:00 2001
From: jacob <jacob>
Date: Tue, 22 Jun 2010 17:14:23 +0000
Subject: [PATCH] layout tweaks

---
 js/listSelector.js |  3 ++-
 schoolschedule.php | 18 ++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/js/listSelector.js b/js/listSelector.js
index bfc6b8a..d7a48d6 100644
--- a/js/listSelector.js
+++ b/js/listSelector.js
@@ -22,7 +22,8 @@
 		'position' : 'absolute',
 		'width' : '100%',
 		'height' : '100%',
-		'line-height' : '1.2em'
+		'line-height' : '1.2em',
+		'text-align' : 'left'
 	};
 	
 	this.boxBackdropStyle = {
diff --git a/schoolschedule.php b/schoolschedule.php
index 7da22fe..f699e51 100644
--- a/schoolschedule.php
+++ b/schoolschedule.php
@@ -315,7 +315,7 @@ if($_SESSION['schoolid'] && $_SESSION['schoolaccesscode']){
 			// create a list selector that can use these lists
 			var n;
 			selector = new listSelector(selected, available, 'selector');
-			selector.setStyle({'height' : '60%', 'margin-top' : '10%'});
+			selector.setStyle({'height' : '70%', 'margin-top' : '7%'});
 			selector.leftTitle = '<?=i18n("assigned");?>';
 			selector.rightTitle = '<?=i18n("available");?>';
 			// highlight the lists appropriately
@@ -339,23 +339,21 @@ if($_SESSION['schoolid'] && $_SESSION['schoolaccesscode']){
 
 			// create the legend
 			var legend = $('<div></div>');
-			legend.append('<span style="margin:5px;background-color:#AFA"><?=i18n('Required'); ?></span>');
-			legend.append('<span style="margin:5px;background-color:#FFA"><?=i18n('Optional'); ?></span>');
-			legend = $('<div><strong><?=i18n("Legend")?></strong></div>').append(legend);
+			legend.append($('<strong><?=i18n("Legend")?>:</strong>'));
+			legend.append(' <span style="background-color:#AFA"><?=i18n('Required'); ?></span>');
+			legend.append(' <span style="background-color:#FFA"><?=i18n('Optional'); ?></span>');
 			legend.css({
 				'background-color' : '#FFF',
-				'width' : '12em',
+				'display' : 'inline',
 				'border' : 'solid',
 				'border-width' : '1px',
-				'text-align' : 'center',
 				'padding' : '5px',
-				'line-height': '1.6em',
-				'margin' : 'auto'
-
+				'line-height': '2em',
 			});
+			legend = $('<div></div>').append(legend);
 
 			// now put all the parts together into a dialog
-			var sdialog = $('<div></div>');
+			var sdialog = $('<div style="text-align:center"></div>');
 			sdialog.append(caption);
 			sdialog.append(selector.draw());
 			sdialog.append(legend);