Correct position of the comment when is edited

4 files changed, 12 insertions, 4 deletions

diff --git a/askbot/skins/default/media/style/style.css b/askbot/skins/default/media/style/style.css
index e01256ca..4f886a4c 100644
--- a/askbot/skins/default/media/style/style.css
+++ b/askbot/skins/default/media/style/style.css
@@ -258,8 +258,8 @@ ul#related-tags li{margin:0 5px 8px 0;float:left;clear:left;}
 .question-page .comments .button{color:#988e4c;font-size:11px;padding:3px;cursor:pointer;}
 .question-page .comments a{background-color:inherit;color:#1b79bd;padding:0;}
 .question-page .comments form.post-comments{margin:3px 26px 0 42px;}.question-page .comments form.post-comments textarea{font-size:13px;line-height:1.3;}
-.question-page .comments textarea{height:42px;width:100%;margin:7px 0 5px 1px;font-family:Arial;outline:none;overflow:auto;font-size:12px;line-height:140%;padding-left:2px;padding-top:4px;border:#cce6ec 3px solid;}
-.question-page .comments input{margin-left:10px;margin-top:1px;vertical-align:top;width:100px;}
+.question-page .comments textarea{height:42px;width:100%;margin:7px 0 5px 1px;font-family:Arial;outline:none;overflow:auto;font-size:12px;line-height:140%;padding-left:2px;padding-top:3px;border:#cce6ec 3px solid;}
+@media screen and (-webkit-min-device-pixel-ratio:0){textarea{padding-left:3px !important;}}.question-page .comments input{margin-left:10px;margin-top:1px;vertical-align:top;width:100px;}
 .question-page .comments button{background:url(../images/small-button-blue.png) repeat-x top;border:0;color:#4a757f;font-family:Arial;font-size:13px;width:100px;font-weight:bold;height:27px;line-height:25px;margin-bottom:5px;cursor:pointer;border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;text-shadow:0px 1px 0px #e6f6fa;-moz-text-shadow:0px 1px 0px #e6f6fa;-webkit-text-shadow:0px 1px 0px #e6f6fa;-webkit-box-shadow:1px 1px 2px #808080;-moz-box-shadow:1px 1px 2px #808080;box-shadow:1px 1px 2px #808080;}
 .question-page .comments button:hover{background:url(../images/small-button-blue.png) bottom repeat-x;text-shadow:0px 1px 0px #c6d9dd;-moz-text-shadow:0px 1px 0px #c6d9dd;-webkit-text-shadow:0px 1px 0px #c6d9dd;}
 .question-page .comments .counter{display:inline-block;width:245px;float:right;color:#b6a475 !important;vertical-align:top;font-family:Arial;float:right;text-align:right;}
diff --git a/askbot/skins/default/media/style/style.less b/askbot/skins/default/media/style/style.less
index 6f77b860..d1ca6283 100644
--- a/askbot/skins/default/media/style/style.less
+++ b/askbot/skins/default/media/style/style.less
@@ -1778,9 +1778,16 @@ ul#related-tags li {
             font-size: 12px;
             line-height: 140%;
             padding-left:2px;
-            padding-top:4px;
+            padding-top:3px;
             border:#cce6ec 3px solid;
         }
+        
+        /* A small hack to solve 1px problem on webkit browsers */
+        @media screen and (-webkit-min-device-pixel-ratio:0){
+            textarea{
+                padding-left:3px !important;
+            }
+        }
 
         input {
             margin-left: 10px;
diff --git a/askbot/skins/default/templates/macros.html b/askbot/skins/default/templates/macros.html
index 27dddfb9..4553b5b1 100644
--- a/askbot/skins/default/templates/macros.html
+++ b/askbot/skins/default/templates/macros.html
@@ -328,6 +328,7 @@ for the purposes of the AJAX comment editor #}
     {% spaceless %}
     {% if post.comment_count > 0 %}
         <h2 id="comment-title">Comments</h2>
+        <div class="clean"></div> 
     {% endif %}
     {% set widget_id = 'comments-for-' + post.post_type + '-' + post.id|string %}
     <div class="comments" id="{{widget_id}}">
diff --git a/askbot/skins/default/templates/question/question_card.html b/askbot/skins/default/templates/question/question_card.html
index b1fa1743..87f92209 100644
--- a/askbot/skins/default/templates/question/question_card.html
+++ b/askbot/skins/default/templates/question/question_card.html
@@ -14,7 +14,7 @@
             {{question.html}}
         </div>
         <div id="question-controls" class="post-controls">
-            {% include "question/question_controls.html" %} 
+            {% include "question/question_controls.html" %}
         </div>
         {% include "question/question_comments.html" %}
     </div>