Redesign of vote buttons

1 files changed, 17 insertions, 22 deletions

diff --git a/static/index.css b/static/index.css
index 4f4981e..4fd7371 100644
--- a/static/index.css
+++ b/static/index.css
@@ -31,11 +31,17 @@ body.okauth #login {
 }
 
 .item .item-buttons {
-  display: none;
+  visibility: hidden;
   user-select: none;
 }
 .item:hover .item-buttons {
-  display: inline;
+  visibility: visible;
+}
+
+.item-vote-table {
+  display: inline-block;
+  border-collapse: collapse;
+  margin-right: 5px;
 }
 
 .item-bullet {
@@ -50,29 +56,18 @@ body.okauth #login {
 .item-votes {
   display: inline-block;
   font-size: 18px;
-  color: #444;
-  vertical-align: 3px;
-  margin-left: 15px;
+  color: #ccc;
+  vertical-align: 6px;
 }
-
-.item-upvote {
-  border: 1px #888 solid;
-  border-radius: 4px;
-  background-color: #eee;
-  color: green;
-  font-weight: bold;
-  cursor: pointer;
-  margin-left: 15px;
-  padding-left: 8px;
-  padding-right: 8px;
+.item:hover .item-votes {
+  color: #444;
 }
 
-.item-downvote {
-  font-size: 23px;
-  color: blue;
-  cursor: pointer;
-  margin-left: 15px;
-  vertical-align: 2px;
+.item-upvote, .item-downvote {
+  background: #eee;
+  font-size: 10px;
+  width: 20px;
+  text-align: center;
 }
 
 .item-delete {