From 5aa59e1dba63386d3f2c5a10c103db96619906d9 Mon Sep 17 00:00:00 2001
From: "Mr. Stallion" <mrstallion@nobody.nowhere.fauxdomain.ext>
Date: Sun, 25 Oct 2020 18:07:31 -0500
Subject: [PATCH] Minor

---
 chat/preview/CharacterPreview.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/chat/preview/CharacterPreview.vue b/chat/preview/CharacterPreview.vue
index 6c693a9..ac097e2 100644
--- a/chat/preview/CharacterPreview.vue
+++ b/chat/preview/CharacterPreview.vue
@@ -23,6 +23,11 @@
 
         <match-tags v-if="match" :match="match"></match-tags>
 
+        <div class="status-message" v-if="statusMessage">
+          <h4>Status</h4>
+          <bbcode :text="statusMessage"></bbcode>
+        </div>
+
         <div v-if="latestAd">
           <h4>Latest Ad <span class="message-time">{{formatTime(latestAd.datePosted)}}</span></h4>
           <bbcode :text="latestAd.message"></bbcode>
@@ -77,6 +82,7 @@ export default class CharacterPreview extends Vue {
   onlineCharacter?: CharacterStatus;
   statusClasses?: StatusClasses;
   latestAd?: AdCachedPosting;
+  statusMessage?: string;
 
   age?: string;
   sexualOrientation?: string;
@@ -126,6 +132,7 @@ export default class CharacterPreview extends Vue {
       return;
     }
 
+    this.statusMessage = this.onlineCharacter.statusText;
     this.statusClasses = getStatusClasses(this.onlineCharacter, undefined, true, true, false);
   }
 
@@ -271,8 +278,9 @@ export default class CharacterPreview extends Vue {
     }
 
     h4 {
-      font-size: 1rem;
-      margin-top: 1rem;
+      font-size: 1.25rem;
+      margin-top: 1.3rem;
+      margin-bottom: 0;
 
       .message-time {
         font-size: 80%;