feat: icons for message formats

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

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;
 }