From 48eb68f7b647ba39ae9cef8e9e10c6d8fee324c4 Mon Sep 17 00:00:00 2001
From: Charles Gould <charles@gould.dev>
Date: Sun, 12 Feb 2017 00:02:01 -0500
Subject: [PATCH] Simplify message list

---
 server/src/main/resources/static/index.html | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/server/src/main/resources/static/index.html b/server/src/main/resources/static/index.html
index ff84ae4..26ebb98 100644
--- a/server/src/main/resources/static/index.html
+++ b/server/src/main/resources/static/index.html
@@ -53,14 +53,10 @@
     <div class="chat column">
       <div class="header row">Chat</div>
       <div v-autoscroll class="body row scroll-y">
-        <template v-for="message in messages">
-          <div v-if="message.sender" class="message-item">
-            <strong>{{ message.sender }}</strong> {{ message.body }}
-          </div>
-          <div v-else class="log message-item">
-            {{ message.body }}
-          </div>
-        </template>
+        <div v-for="message in messages" class="message-item" :class="{ log: !message.sender }">
+          <strong v-if="message.sender">{{ message.sender }}</strong>
+          <span>{{ message.body }}</span>
+        </div>
       </div>
       <div class="footer row">
         <textarea @keypress="onChatKeypress" placeholder="Send a message" tabindex="2"></textarea>