From 4a3b13b6b2ff06c48511ef29994027de20759cbb Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Sun, 19 Apr 2015 16:47:31 -0300
Subject: [PATCH] Improve results button

---
 images/result-dislike.png  | Bin 0 -> 275 bytes
 images/result-like.png     | Bin 0 -> 267 bytes
 index.html                 |  6 +++---
 sass/_proposal_detail.scss | 19 +++++++++++++++----
 4 files changed, 18 insertions(+), 7 deletions(-)
 create mode 100644 images/result-dislike.png
 create mode 100644 images/result-like.png

diff --git a/images/result-dislike.png b/images/result-dislike.png
new file mode 100644
index 0000000..326bd9b
Binary files /dev/null and b/images/result-dislike.png differ
diff --git a/images/result-like.png b/images/result-like.png
new file mode 100644
index 0000000..8417ee4
Binary files /dev/null and b/images/result-like.png differ
diff --git a/index.html b/index.html
index b4837c1..cbd0af4 100644
--- a/index.html
+++ b/index.html
@@ -173,7 +173,7 @@
         <a href="#" class="like dislike" data-vote-value="-1"></a>
         <a href="#" class="like" data-vote-value="1"></a>
         <a href="#" class="skip">Pular</a>
-        <a href="#" class="vote-result">Resultado</a>
+        <a href="#" class="vote-result">Resultados</a>
       </div>
     </script>
 
@@ -183,8 +183,8 @@
         <table>
           <tr class="header">
             <td class="abstract-text">Texto da Alternativa</td>
-            <td class="votes-for">Gostei</td>
-            <td class="votes-against">Não Gostei</td>
+            <td class="votes-for"></td>
+            <td class="votes-against"></td>
             <td class="score">Pontuação</td>
           </tr>
           {{#each articles}}
diff --git a/sass/_proposal_detail.scss b/sass/_proposal_detail.scss
index fff120f..f14eff8 100644
--- a/sass/_proposal_detail.scss
+++ b/sass/_proposal_detail.scss
@@ -99,9 +99,7 @@
         font-weight: bolder;
         font-size: 12px;
         text-transform: uppercase;
-        background-color: gray;
-        color: white;
-        width: 4%;
+        color: gray;
         border: none;
         margin: 10px;
         border-radius: 6px;
@@ -137,6 +135,18 @@
         font-weight: bold;
         text-align: center;
         color: rgb(68, 68, 68);
+        .votes-for {
+          background-image: url(./images/result-like.png);
+          background-repeat: no-repeat;
+          display: inline-block;
+          background-position: center;
+        }
+        .votes-against {
+          background-image: url(./images/result-dislike.png);
+        }
+        .score {
+          background-image: none;
+        }
       }
 
       .truncate {
@@ -324,7 +334,8 @@
             display: block;
           }
           .vote-result {
-            @extend .skip
+            text-decoration: none;
+            color: $color;
           }
         }
       }
--
libgit2 0.21.2