From 2a46a56fff528ad968b9295058a9f95a482bdfd9 Mon Sep 17 00:00:00 2001
From: lisaq <lisa@rhodecode.com>
Date: Mon, 12 Sep 2016 11:56:55 +0200
Subject: [PATCH] styling: fixing alignment of comment toggle button

---
 rhodecode/public/css/code-block.less |  2 +-
 rhodecode/public/css/diff.less       | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/rhodecode/public/css/code-block.less b/rhodecode/public/css/code-block.less
index 73145bee..7b6400cd 100644
--- a/rhodecode/public/css/code-block.less
+++ b/rhodecode/public/css/code-block.less
@@ -255,7 +255,7 @@ table.code-difftable {
 
     /** LINE NUMBERS **/
     .lineno {
-        padding-left: 2px;
+        padding-left: 2px !important;
         padding-right: 2px;
         text-align: right;
         width: 32px;
diff --git a/rhodecode/public/css/diff.less b/rhodecode/public/css/diff.less
index c1ac9b42..6adb1752 100644
--- a/rhodecode/public/css/diff.less
+++ b/rhodecode/public/css/diff.less
@@ -32,10 +32,14 @@ div.diffblock.margined.comm tr {
     }
 
     .comment-toggle {
-        width: 20px;
+        position: relative;
         color: @rcblue;
-        .icon-comment{
-            display: inline-block;
+
+        .icon-comment {
+            position: absolute;
+            top: 2px;
+            left: 0;
+            z-index: 100;
             visibility: hidden;
         }