From 0275dc8d31519b8472242eb10b5c54fe3b34f9cd Mon Sep 17 00:00:00 2001
From: Hylke Bons <hylkebons@gmail.com>
Date: Sat, 16 Jul 2011 20:38:04 +0100
Subject: [PATCH] Add avatars to notes

---
 SparkleShare/SparkleController.cs |  7 ++++++-
 data/html/event-log.html          | 12 ++++++++----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/SparkleShare/SparkleController.cs b/SparkleShare/SparkleController.cs
index 060423fa..f413017a 100644
--- a/SparkleShare/SparkleController.cs
+++ b/SparkleShare/SparkleController.cs
@@ -398,7 +398,12 @@ namespace SparkleShare {
                             change_set.Notes.Sort ((x, y) => (x.Timestamp.CompareTo (y.Timestamp)));
                             
                             foreach (SparkleNote note in change_set.Notes) {
-                                comments += "<div class=\"comment-text\">" + note.Body + "<p class=\"comment-author\">" + note.UserName +  "</p></div>";
+                                comments += "<div class=\"comment-text\">" +
+                                            "<p class=\"comment-author\"" +
+                                            " style=\"background-image: url('file://" + GetAvatar (note.UserEmail, 48) + "');\">" +
+                                            note.UserName +  "</p>" +
+                                            note.Body +
+                                            "</div>";
                             }
                         }
 
diff --git a/data/html/event-log.html b/data/html/event-log.html
index ee1a1862..ea93ec3f 100644
--- a/data/html/event-log.html
+++ b/data/html/event-log.html
@@ -97,8 +97,7 @@
                 font-size: 90%;
                 padding: 12px;
                 background-color: #FFF4DB;
-                margin-bottom: 1px;
-               <!-- padding-right: 48px; -->
+                margin-bottom: 2px;
             }
 
             .day-entry-header {
@@ -250,9 +249,14 @@
             .comment-author {
                 font-size: 90%;
                 font-weight: bold;
-                width: 75%;
                 margin: 0;
-                margin-top: 12px;
+                margin-bottom: 9px;
+                background-repeat: no-repeat;
+                background-position: bottom left;
+                background-size: 24px;
+                height: 24px;
+                padding-left: 30px;
+                line-height: 24px;
             }
 
             .comment-timestamp {