From 08393b8580385d2627da2ebd9e3a09455d101a3a Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Fri, 25 Nov 2016 13:42:33 +0100
Subject: 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 | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'src/components/status/status.vue')

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index a84917e6..e74be215 100644
--- a/src/components/status/status.vue
+++ b/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>
-- 
cgit v1.2.3-70-g09d2

