frontend/src/Apps/Msg.vue

@@ -24,7 +24,8 @@
 			<h1 id=msgName ><input class="InputTitle" type="text" @change="updateDiscussionName(currentDiscussion.id, currentDiscussion.name)" v-model="currentDiscussion.name"></h1>
 			<div id=msgs>
 				<div class="msg" v-for="msg in currentDiscussion.msgs" :sender="msg.sender" :key="msg.id">
-					{{ msg.content }}
+					{{ msg.content }}<br/>
+					<span class="sender" v-if="!msg.sender">{{msg.author.firstName}}</span>
 				</div>
 			</div>
 			<div id=messageBox>
@@ -176,6 +177,12 @@ div#discussion{
 	align-self: start;
 }
 
+.sender{
+	display: inline-block;
+	color: gray;
+	font-size: 0.5em;
+}
+
 .msg[sender=true]{
 	background-color: darkorange;
 	align-self: end;