From 0d5c070f51e12a06c39b2d28dd50927a03250c87 Mon Sep 17 00:00:00 2001
From: Ronald Walker <rondwalker22@gmail.com>
Date: Mon, 18 Nov 2019 23:25:12 -0800
Subject: [PATCH] [Bug] Fix ReadableTime overlapping message text in
 Firefox(#219)

---
 .../assets/scss/widgets/_conversation-view.scss          | 1 -
 .../components/widgets/conversation/bubble/Text.vue      | 9 +++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
index 2b5943140..dc511865f 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
@@ -320,7 +320,6 @@
       font-size: $font-size-micro;
       font-style: italic;
       margin-left: $space-slab;
-      position: absolute;
       right: -$space-micro;
       text-align: right;
     }
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
index d691d973c..6d586a41a 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
@@ -1,15 +1,12 @@
 <template>
   <span class="message-text__wrap">
-    <span v-html="message" class="message-text"></span>
-    <span class="time">{{readableTime}}</span>
+    <span class="time">{{ readableTime }}</span>
+    <span v-html="message"></span>
   </span>
 </template>
 
 <script>
 export default {
-  props: [
-    'message',
-    'readableTime',
-  ],
+  props: ['message', 'readableTime'],
 };
 </script>