app/stylesheets/jabe.scss in jabe-0.5.8 vs app/stylesheets/jabe.scss in jabe-0.5.9

@@ -82,19 +82,19 @@
   .title {
     font-size:1.5em;
   }
 
   .date {
-    font-size:.9em;
+    font-size:.8em;
     padding:5px 0;
   }
 
   .meta {
     color:#eee;
     background-color:#AAA;
     font-size:.9em;
-    margin-top:10px;
+    margin-top:30px;
     padding:10px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     a {
@@ -103,38 +103,59 @@
   }
 }
 
 .last {
   border-bottom:none;
+  margin-bottom:0;
 }
 
 #site-title a, #site-title a:visited {
   color:#eee;
   text-decoration:none;
 }
 
 #comments {
   padding-top:20px;
 
-  .author {
-    font-weight:bold;
-    padding:10px 0 5px 10px;
+  .comment {
+    clear:both;
 
-    .when {
-      padding-left:10px;
-      font-size:.8em;
+    .gravatar {
+      margin:10px 10px 10px 0;
+      float:left;
+      width:64px;
+      height:64px;
+      border:solid 5px #588EDE;
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px;
+
+      img {
+        width:64px;
+        height:64px;
+      }
     }
-  }
 
-  .body {
-    padding:5px 20px;
-    border-bottom:solid 1px #333;
+    .author {
+      font-weight:bold;
+      padding:10px 0 5px 10px;
+
+      .when {
+        padding-left:10px;
+        font-size:.8em;
+      }
+    }
+
+    .body {
+      min-height:55px;
+      padding:5px 20px;
+      border-bottom:solid 1px #333;
+    }
   }
 
   #new_comment {
     padding-top:20px;
-
   }
 }
 
 pre {
   color:#eee;
@@ -144,12 +165,16 @@
   border-top:solid #777 2px;
   border-bottom:solid #777 2px;
   overflow-x:auto;
 }
 
-label abbr {
-  color:red;
-  padding:0 3px;
+label {
+  padding: 10px 0 5px;
+
+  abbr {
+    color:red;
+    padding:0 3px;
+  }
 }
 
 .inline-errors {
   color:red;
 }