X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/d447355a61a0b55a9c04e244be1ab3c815e89374..refs/pull/494/head:/resources/assets/sass/_comments.scss

diff --git a/resources/assets/sass/_comments.scss b/resources/assets/sass/_comments.scss
index 785f9948d..5da53a14d 100644
--- a/resources/assets/sass/_comments.scss
+++ b/resources/assets/sass/_comments.scss
@@ -2,49 +2,64 @@
     .comment-box {
         border-bottom: 1px solid $comment-border;
     }
-    
+
     .comment-box:last-child {
-        border-bottom: none;
+        border-bottom: 0px;
     }
 }
-.page-comment {        
+.page-comment {
     .comment-container {
         margin-left: 42px;
     }
-    
+
     .comment-actions {
-        font-size: 0.8em;        
-        padding-bottom: 4px;
+        font-size: 0.8em;
+        padding-bottom: 2px;
+
         ul {
             padding-left: 0px;
-            margin-bottom: 5px;
+            margin-bottom: 2px;
         }
         li {
             float: left;
             list-style-type: none;
         }
-        
+
         li:after {
             content: '•';
             color: #707070;
             padding: 0 5px;
             font-size: 1em;
         }
-        
+
         li:last-child:after {
             content: none;
         }
     }
-    
+
+    .comment-actions {
+        border-bottom: 1px solid #DDD;
+    }
+
+    .comment-actions:last-child {
+        border-bottom: 0px;
+    }
+
     .comment-header {
         font-size: 1.25em;
         margin-top: 0.6em;
     }
-    
-    .comment-body {
-        
+
+    .comment-body p {
+        margin-bottom: 1em;
+    }
+
+    .comment-inactive {
+        font-style: italic;
+        font-size: 0.85em;
+        padding-top: 5px;
     }
-    
+
     .user-image {
         float: left;
         margin-right: 10px;
@@ -52,9 +67,16 @@
         img {
             width: 100%;
         }
-    }    
+    }
 }
 
 .comment-editor {
     margin-top: 2em;
+
+    textarea {
+        display: block;
+        width: 100%;
+        max-width: 100%;
+        min-height: 120px;
+    }
 }