refactor: Adjust comment to adapt mobile

_config.yml

@@ -272,7 +272,7 @@ reward:
 # See: https://github.com/imsun/gitment
 gitment:
   enable: true
-  # Github username
+  # Github username.
   owner: 
   # Github repository.
   repo: 

layout/_common/head.pug

@@ -51,4 +51,5 @@ if theme.favicon.safari_pinned_tab
 script.
   var CONFIG = {
     back2top_animation: !{theme.back2top.icon.animation}
+    
   };

layout/_third-party/comments/gitment.pug

@@ -15,13 +15,11 @@ script.
     gitment.render('gitment-container')
   }
 
-if theme.gitment.lazy
-  script.
+  if (!{theme.gitment.lazy})
     function showGitment() {
       document.getElementById('gitment-button').style.display = 'none';
       document.getElementById('gitment-container').style.display = 'block';
       renderGitment();
     }
-else
-  script.
-    window.onload = function () {renderGitment();};
+  else
+    renderGitment();

source/css/_layout/responsive.styl

@@ -26,6 +26,9 @@
     float: none
     margin: 0 auto
 
+  .comments
+    margin: 1.5rem auto 0
+
 // $md-width: 992px
 // -----------------------------------------
 @media screen and (min-width: $md-width)
@@ -157,3 +160,13 @@
 
     .article-sort-item
       margin-bottom: .5rem
+  
+  .comments
+    .gitment-editor-tab
+      padding: 11px 8px
+    
+    .gitment-editor-login
+      margin-right: 8px
+    
+    .gitment-editor-footer-tip
+      margin-bottom: 10px