From eba896275b1f506c79f6ece664c6a844b881750f Mon Sep 17 00:00:00 2001
From: "Mr. Stallion" <mrstallion@nobody.nowhere.fauxdomain.ext>
Date: Mon, 1 Feb 2021 12:16:30 -0600
Subject: [PATCH] Minor UI design changes

---
 chat/ConversationView.vue | 5 +++++
 chat/SettingsView.vue     | 4 ++--
 chat/UserView.vue         | 4 ++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/chat/ConversationView.vue b/chat/ConversationView.vue
index 175cdc5..03872e6 100644
--- a/chat/ConversationView.vue
+++ b/chat/ConversationView.vue
@@ -786,6 +786,11 @@
 
 
     .user-view {
+        .user-rank {
+          font-size: 80%;
+          margin-right: 2px;
+        }
+
         .match-found {
             margin-left: 3px;
             padding-left: 2px;
diff --git a/chat/SettingsView.vue b/chat/SettingsView.vue
index 8f6d8f8..953410f 100644
--- a/chat/SettingsView.vue
+++ b/chat/SettingsView.vue
@@ -138,7 +138,7 @@
             <div class="form-group">
                 <label class="control-label" for="risingComparisonInSearch">
                     <input type="checkbox" id="risingComparisonInSearch" v-model="risingComparisonInSearch"/>
-                    Show quick match results in search results
+                    Show quick match results in the search results
                 </label>
             </div>
 
@@ -162,7 +162,7 @@
             <div class="form-group">
                 <label class="control-label" for="risingCharacterPreview">
                     <input type="checkbox" id="risingCharacterPreview" v-model="risingCharacterPreview"/>
-                    Show a character preview when mouse hovers over a character name
+                    Show a character preview when the mouse hovers over a character name
                 </label>
             </div>
 
diff --git a/chat/UserView.vue b/chat/UserView.vue
index fc72412..ee67f8b 100644
--- a/chat/UserView.vue
+++ b/chat/UserView.vue
@@ -92,8 +92,8 @@ export function getStatusClasses(
     const userClass = `user-view gender-${gender}${isBookmark ? ' user-bookmark' : ''}`;
 
     return {
-      rankIcon,
-      statusClass,
+      rankIcon: rankIcon ? `user-rank ${rankIcon}` : null,
+      statusClass: statusClass ? `user-status ${statusClass}` : null,
       matchClass,
       matchScore,
       userClass,