Give logs view sane line spacing (#1077)

* Give logs view sane line spacing

This is what logs look like now: https://www.dropbox.com/s/bwbxytipqitwwm2/Screenshot%202016-07-27%2020.52.59.png?dl=0

This is what they look like after this change: https://www.dropbox.com/s/85n2x7jn6o1tlrh/Screenshot%202016-07-27%2020.53.22.png?dl=0

* fix lint

* restructure

* fix lint

* fiiineee

* fix lint

* use @extend

Author: vincentwoo

src/app/frontend/logs/logs.scss

@@ -27,14 +27,18 @@ $logs-color-white: #fff;
   color: $logs-color-black;
 }
 
-.kd-logs-element-compact {
-  font-size: $caption-font-size-base;
-  padding: 0 (2 * $baseline-grid);
-  word-wrap: break-word;
-}
-
 .kd-logs-element {
   font-size: $body-font-size-base;
   padding: 0 (2 * $baseline-grid);
   word-wrap: break-word;
+
+  pre {
+    margin: 0;
+  }
+}
+
+.kd-logs-element-compact {
+  @extend .kd-logs-element;
+
+  font-size: $caption-font-size-base;
 }