diff --git a/www/pad/app-pad.less b/www/pad/app-pad.less
index 3023c5b0c..f91064162 100644
--- a/www/pad/app-pad.less
+++ b/www/pad/app-pad.less
@@ -43,6 +43,21 @@ body.cp-app-pad {
             .cp-pad-show { display: none; }
         }
     }
+    #cp-app-pad-toc {
+        .cp-pad-show {
+            line-height: 25px;
+        }
+    }
+    #cp-app-pad-comments {
+        &.hidden {
+            .cp-pad-show.notif {
+                color: red;
+            }
+        }
+        .cp-pad-show {
+            line-height: 0px;
+        }
+    }
     #cp-app-pad-resize {
         order: 2;
         height: 28px;
diff --git a/www/pad/comments.js b/www/pad/comments.js
index e94c984b9..6af3743d0 100644
--- a/www/pad/comments.js
+++ b/www/pad/comments.js
@@ -313,7 +313,7 @@ define([
             Env.localHide = true;
             if (store) { store.put(key, '1'); }
         });
-        $(showBtn).click(function () {
+        var $showBtn = $(showBtn).click(function () {
             Env.$container.removeClass('hidden');
             Env.localHide = false;
             if (store) { store.put(key, '0'); }
@@ -639,6 +639,11 @@ define([
         Env.$container.removeClass('hidden');
         if (hide) { Env.$container.addClass('hidden'); }
 
+        $showBtn.removeClass('notif');
+        if (show) {
+            $showBtn.addClass('notif');
+        }
+
 
         Env.$container.show();
     };