Meta

lib/views/page.html

@@ -148,6 +148,10 @@
 
 {% block content_footer %}
 
+<p class="meta">
+  Path: <span id="pagePath">{{ page.path }}</span><br />
+  Last updated at {{ page.updatedAt|datetz('Y-m-d H:i:s') }} by <img src="{{ page.creator|default(author)|picture }}" class="picture picture-rounded"> {{ page.creator.name|default(author.name) }}
+</p>
 
 <div class="page-comments">
   <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>

resource/css/_comment.scss

@@ -1,7 +1,6 @@
 .page-comments {
-  margin: 30px 0 0 0;
+  margin: 8px 0 0 0;
   padding: 20px 0px 8px 0px;
-  border-top: solid 1px #ccc;
 
   .page-comment-form {
     margin-top: 16px;
@@ -55,8 +54,11 @@
         margin-left: 40px;
 
         .page-comment-meta {
+          float: right;
           background: #f0f0f0;
-          padding: 8px;
+          padding: 4px 8px;
+          font-size: .9em;
+          border-bottom-left-radius: 5px;
 
           .page-comment-creator {
             font-weight: bold;
@@ -72,6 +74,9 @@
               padding-top: 16px;
             }
           }
+          p:last-child {
+            margin-bottom: 0;
+          }
         }
       }
     }

resource/css/_layout.scss

@@ -672,8 +672,8 @@
       }
 
       .meta {
-        border-top: solid 1px #999;
-        margin-top: 20px;
+        border-top: solid 1px #ccc;
+        margin-top: 32px;
         color: #666;
       }
 

resource/css/crowi.scss

@@ -20,12 +20,19 @@ ul {
 
 
 .meta {
+
+  margin-top: 32px;
+  padding: 16px 8px 8px;
+  color: #666;
+  border-top: solid 1px #ccc;
   background: #f0f0f0;
-  padding: 10px;
-  font-size: 0.9em;
+  font-size: 0.95em;
   color: #888;
-  margin-top: 10px;
-  border-radius: 5px;
+
+  .picture {
+    width: 16px;
+    height: 16px;
+  }
 }
 
 .help-block {