Improve results button

Victor Costa
1 parent 11c05398
Showing 4 changed files with 18 additions and 7 deletions Show diff stats
images/result-dislike.png
images/result-like.png
index.html
sass/_proposal_detail.scss
@@ -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}}
@@ -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;
           }
         }
       }