From ec320c79c0caacad7b35bbfcf3d5f53a028ac347 Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Tue, 18 Apr 2023 09:16:28 +0200
Subject: [PATCH] feat: icons for message formats

---
 src/renderer/components/ClientTabMessages.vue | 6 +++++-
 src/renderer/scss/main.scss                   | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/ClientTabMessages.vue b/src/renderer/components/ClientTabMessages.vue
index c547b37..6631e8f 100644
--- a/src/renderer/components/ClientTabMessages.vue
+++ b/src/renderer/components/ClientTabMessages.vue
@@ -26,7 +26,11 @@
                   @change="updateMessages"
                >
                <div class="checkbox-block" />
-               <span class="format">({{ message.format }})</span>
+               <span
+                  class="mdi"
+                  :class="[message.format === 'hex' ? 'mdi-hexadecimal' : 'mdi-format-text']"
+                  :title="message.format"
+               />
                <span>{{ truncate(message.name, 25, '...') }}</span>
             </label>
             <i
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index c4097a0..7bfc9d5 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -359,7 +359,7 @@ label {
 }
 
 #messageBox .format {
-  font-family: "Roboto Mono";
+  font-family: "Roboto Mono", "Courier New", monospace;
   font-size: 10px;
 }