From 84f438730a1e27367ccf5d18d51a4b035b3b3829 Mon Sep 17 00:00:00 2001
From: Clayton Watts <cletusw@gmail.com>
Date: Fri, 20 Jun 2014 23:45:53 -0600
Subject: [PATCH] Arrows highlight based on user vote

---
 cw-vote.css  | 4 ++++
 cw-vote.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/cw-vote.css b/cw-vote.css
index 6697a01..90396d2 100755
--- a/cw-vote.css
+++ b/cw-vote.css
@@ -13,6 +13,10 @@ svg {
   width: 32px;
 }
 
+svg.highlight {
+  fill: #ff8c00;
+}
+
 div {
   padding: 5px 0;
   text-align: center;
diff --git a/cw-vote.html b/cw-vote.html
index b25c434..c1775cf 100755
--- a/cw-vote.html
+++ b/cw-vote.html
@@ -16,11 +16,11 @@
 
     <link rel="stylesheet" href="cw-vote.css" />
 
-    <svg viewBox="0 0 10 5" on-tap="{{ voteUp }}">
+    <svg viewBox="0 0 10 5" on-tap="{{ voteUp }}" class="{{ { highlight: userValue === 1 } | tokenList }}">
       <polygon points="0,5 5,0 10,5"></polygon>
     </svg>
     <div on-tap="{{ voteCancel }}">{{ value }}</div>
-    <svg viewBox="0 0 10 5" on-tap="{{ voteDown }}">
+    <svg viewBox="0 0 10 5" on-tap="{{ voteDown }}" class="{{ { highlight: userValue === -1 } | tokenList }}">
       <polygon points="0,0 5,5 10,0 "></polygon>
     </svg>