Put all headers on the side in a list

1 files changed, 14 insertions, 8 deletions

diff --git a/www/ajax/style.css b/www/ajax/style.css
index 7b6cfe2..5980f99 100644
--- a/www/ajax/style.css
+++ b/www/ajax/style.css
@@ -18,13 +18,14 @@ body
 {
     width: 100%;
     height: 100%;
-    padding: 10px;
+    padding: 5px;
 }
 
-#top-row
+#left-column
 {
-    height: 30pt;
-    padding: 0px;
+    width: 150pt;
+    vertical-align: top;
+    padding-right: 10px;
 }
 
 #main-row
@@ -53,14 +54,19 @@ body
 /* A group button at the top */
 .header
 {
-    background-color: #3D2C2C;
-    line-height: 19pt;
-    padding: 3pt 5pt;
+    line-height: 14pt;
     font-size: 8pt;
+/*    padding: 3pt 5pt;
+    background-color: #3D2C2C;
+    -moz-border-radius: 3pt; */
+    padding-left: 5pt;
     font-weight: bold;
-    -moz-border-radius: 3pt;
     cursor: pointer;
     text-decoration: none;
+    display: block;
+}
+.header:hover {
+	color: white;
 }
 
 /* Our sample header (which gets copied for each group) is hidden */