Fix word wrapping on Firefox.

Also, move some css around.

See https://bugzilla.mozilla.org/show_bug.cgi?id=1136818 for the word
wrapping stuff.

src/components/status/status.vue

@@ -71,6 +71,12 @@
          margin-top: 3px;
          margin-bottom: 3px;
      }
+
+     p {
+       margin: 0;
+       margin-top: 0.2em;
+       margin-bottom: 0.5em;
+     }
   }
 
   .status-actions {
@@ -80,4 +86,22 @@
   .icon-reply:hover {
      color: $blue;
   }
+
+  .status .avatar {
+    width: 48px;
+  }
+
+  .status.compact .avatar {
+    width: 32px;
+  }
+
+  .status {
+    padding: 0.5em;
+    padding-right: 1em;
+    border-bottom: 1px solid silver;
+  }
+
+  .status-el:last-child .status {
+    border: none
+  }
 </style>