From 7978680db0bbb3736b3df22c25616171248c4f88 Mon Sep 17 00:00:00 2001
From: Olivier Berten <olivier.berten@gmail.com>
Date: Fri, 22 Mar 2013 11:22:49 +0100
Subject: [PATCH] Changed order and presentation on the index page

---
 scores.php | 34 ++++++++++++++++++----------------
 style.css  | 10 ++++++++++
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/scores.php b/scores.php
index 9d27427..723f8c1 100644
--- a/scores.php
+++ b/scores.php
@@ -6,6 +6,24 @@ $title = 'Home';
 include('include/header.php');
 
 echo "<h3>Chants</h3>\n";
+echo "<h4>by incipit</h4>\n";
+$sql1 = 'SELECT DISTINCT UPPER(SUBSTRING(incipit,1,1)) AS letters FROM '.db('chants').' ORDER BY letters ASC';
+$req1 = $mysqli->query($sql1) or die('Erreur SQL !<br />'.$sql1.'<br />'.$mysqli->error());
+echo "<div><ul class=\"alphabet\">\n";
+while($s = $req1->fetch_assoc()) {
+	echo "<li><a href=\"incipit.php?letter=".$s['letters']."\">".($s['letters']?$s['letters']:"no incipit")."</a></li>\n";
+}
+echo "</ul></div>\n<div style=\"clear:both;\"></div>";
+
+echo "<h4>by usage</h4>\n";
+$sql1 = 'SELECT * FROM '.db('chants').' WHERE `office-part` != "" GROUP BY `office-part` ORDER BY `office-part`';
+$req1 = $mysqli->query($sql1) or die('Erreur SQL !<br />'.$sql1.'<br />'.$mysqli->error());
+echo "<div><ul>\n";
+while($s = $req1->fetch_assoc()) {
+	echo '<li class="usage '.$s['office-part'].'"><a href="usage.php?id='.$s['office-part'].'">'.$txt['usage'][$s['office-part']]."</a></li>\n";
+}
+echo "</ul></div>\n";
+
 echo "<h4>by source</h4>\n";
 $sql1 = 'SELECT * FROM '.db('chant_sources').' GROUP BY source';
 $req1 = $mysqli->query($sql1) or die('Erreur SQL !<br />'.$sql1.'<br />'.$mysqli->error);
@@ -25,22 +43,6 @@ if($req1->num_rows > 0) {
 	echo "<li><a href=\"source.php?id=none\">No source</a></li>\n";
 }
 echo "</ul></div>\n";
-echo "<h4>by usage</h4>\n";
-$sql1 = 'SELECT * FROM '.db('chants').' WHERE `office-part` != "" GROUP BY `office-part` ORDER BY `office-part`';
-$req1 = $mysqli->query($sql1) or die('Erreur SQL !<br />'.$sql1.'<br />'.$mysqli->error());
-echo "<div><ul>\n";
-while($s = $req1->fetch_assoc()) {
-	echo '<li class="usage '.$s['office-part'].'"><a href="usage.php?id='.$s['office-part'].'">'.$txt['usage'][$s['office-part']]."</a></li>\n";
-}
-echo "</ul></div>\n";
-echo "<h4>by incipit</h4>\n";
-$sql1 = 'SELECT DISTINCT UPPER(SUBSTRING(incipit,1,1)) AS letters FROM '.db('chants').' ORDER BY letters ASC';
-$req1 = $mysqli->query($sql1) or die('Erreur SQL !<br />'.$sql1.'<br />'.$mysqli->error());
-echo "<div><ul>\n";
-while($s = $req1->fetch_assoc()) {
-	echo "<li><a href=\"incipit.php?letter=".$s['letters']."\">".($s['letters']?$s['letters']:"no incipit")."</a></li>\n";
-}
-echo "</ul></div>\n";
 
 include('include/footer.php');
 ?>
diff --git a/style.css b/style.css
index 6231ebd..e095e72 100644
--- a/style.css
+++ b/style.css
@@ -242,6 +242,16 @@ textarea#gabc {
     width: 440px;
     height: 200px;
 }
+
+.alphabet {
+	list-style:none;
+}
+.alphabet li {
+	float:left;
+	position:relative;
+	margin-right:10px;
+}
+
 /* =Menu
 -------------------------------------------------------------- */