"MDL-19118, tweak comment ui"

comment/comment.js

@@ -262,7 +262,7 @@ bodyContent: '<div class="comment-delete-confirm"><a href="#" id="confirmdelete-
                             Y.Event.purgeElement('#'+theid, false, 'click');
                         }
                         node.on('click', function(e, node) {
-							e.preventDefault();
+                            e.preventDefault();
                             var width = CommentHelper.confirmoverlay.bodyNode.getStyle('width');
                             var re = new RegExp("(\\d+).*", "i");
                             var result = width.match(re);
@@ -271,7 +271,8 @@ bodyContent: '<div class="comment-delete-confirm"><a href="#" id="confirmdelete-
                             } else {
                                 width = 0;
                             }
-                            CommentHelper.confirmoverlay.set('xy', [e.pageX-(width/2), e.pageY+10]);
+                            //CommentHelper.confirmoverlay.set('xy', [e.pageX-(width/2), e.pageY]);
+                            CommentHelper.confirmoverlay.set('xy', [e.pageX-width-5, e.pageY]);
                             CommentHelper.confirmoverlay.set('visible', true);
                             Y.one('#canceldelete-'+scope.client_id).on('click', function(e) {
 								e.preventDefault();

theme/base/style/core.css

@@ -333,7 +333,7 @@ table.mod_index {width:100%;}
 .comment-content div {margin:0;padding:0;}
 .comment-content p {padding:0;margin:0 18px 0 0;}
 .comment-delete {float:right;text-align:right;}
-.comment-delete-confirm {background: #89B31F; padding: 2px;}
+.comment-delete-confirm {background: #FFE390; padding: 2px; width: 5em;text-align:center;}
 .comment-container {float:left;width: 305px;margin: 4px;}
 .comment-report-selectall{display:none}
 .jsenabled .comment-report-selectall{display:inline}