[PATCH] css: make 'add comment' button look more like a button

[Andrew Shadura]

# HG changeset patch
# User Andrew Shadura <andrew at shadura.me>
# Date 1429637769 -7200
#      Tue Apr 21 19:36:09 2015 +0200
# Node ID fe9a1f5d259c186b7d9cd0c3e10aa99217a37fed
# Parent  c7997c7ed325ddea499549a3d66dc5f006fcba33
css: make 'add comment' button look more like a button

diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -4971,10 +4971,12 @@ table.code-difftable .code pre {
 }
 
 .add-bubble {
+    position: relative;
     display: none;
     float: left;
     width: 0px;
     height: 0px;
+    left: -8px;
 }
 
 tr.line.add td.code:hover .add-bubble,
@@ -4984,20 +4986,26 @@ tr.line.unmod td.code:hover .add-bubble 
 }
 
 .add-bubble div {
-    position: relative;
-    left: -32px;
-    width: 32px;
-    height: 32px;
+    background: #577632;
+    width: 16px;
+    height: 16px;
     cursor: pointer;
+    padding: 0 2px 2px 0;
+    border: 1px solid #577632;
+    border-radius: 3px;
 }
 
 .add-bubble div:before {
     font-size: 14px;
-    color: #577632;
+    color: #ffffff;
     font-family: "kallithea";
     content: '\1f5ea';
 }
 
+.add-bubble div:hover {
+    transform: scale(1.2, 1.2);
+}
+
 div.comment:target>.comment-wrapp {
     border: solid 2px #ee0 !important;
 }