From e1e2bc19c803ea79f3d43d40c4cbe5a8360e03e9 Mon Sep 17 00:00:00 2001
From: Avital Oliver <avital@thewe.net>
Date: Wed, 7 Aug 2013 16:41:04 -0700
Subject: [PATCH] add animation to leaderboard

---
 examples/leaderboard/.meteor/packages | 1 +
 examples/leaderboard/leaderboard.css  | 3 ++-
 examples/leaderboard/leaderboard.js   | 4 ++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/examples/leaderboard/.meteor/packages b/examples/leaderboard/.meteor/packages
index a5eb137152..7a86180b42 100644
--- a/examples/leaderboard/.meteor/packages
+++ b/examples/leaderboard/.meteor/packages
@@ -8,3 +8,4 @@ autopublish
 insecure
 preserve-inputs
 random
+animation
diff --git a/examples/leaderboard/leaderboard.css b/examples/leaderboard/leaderboard.css
index d3f41060dc..1434f717ce 100644
--- a/examples/leaderboard/leaderboard.css
+++ b/examples/leaderboard/leaderboard.css
@@ -12,12 +12,13 @@ body {
 
 #outer {
     width: 600px;
-    margin: 0 auto;    
+    margin: 0 auto;
 }
 
 .player {
     cursor: pointer;
     padding: 5px;
+    width: 600px;
 }
 
 .player .name {
diff --git a/examples/leaderboard/leaderboard.js b/examples/leaderboard/leaderboard.js
index 3e13d1b6d9..70131f7272 100644
--- a/examples/leaderboard/leaderboard.js
+++ b/examples/leaderboard/leaderboard.js
@@ -25,6 +25,10 @@ if (Meteor.isClient) {
 
     'click input.inc': function () {
       Players.update(Session.get("selected_player"), {$inc: {score: 5}});
+    },
+
+    rendered: function () {
+      AnimatedEach.apply(this.$('.leaderboard'), ['move']);
     }
   });