Hide comment as default

lib/views/page.html

@@ -148,8 +148,11 @@
 
 {% block content_footer %}
 
+
 <div class="page-comments">
-  <form class="form" id="page-comment-form">
+  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#page-comment-form" aria-expanded="false" aria-controls=""><i class="fa fa-comment"></i> Comment</button>
+
+  <form class="form page-comment-form collapse" id="page-comment-form">
     <img src="{{ user|picture }}" class="picture picture-rounded">
     <div class="comment-form">
       <ul class="nav nav-tabs">

resource/css/_comment.scss

@@ -1,9 +1,11 @@
 .page-comments {
   margin: 30px 0 0 0;
-  padding: 20px 8px 8px 8px;
+  padding: 20px 0px 8px 0px;
   border-top: solid 1px #ccc;
 
-  form {
+  .page-comment-form {
+    margin-top: 16px;
+
     .picture {
       float: left;
       width: 32px;