From 4ae6283cd1a199e400df7562de750aa25978c6f8 Mon Sep 17 00:00:00 2001
From: Aronai Sieyes <arokha@arokha.com>
Date: Sun, 1 Mar 2020 19:05:52 -0500
Subject: [PATCH] Fixes 2 VChat bugs

---
 code/modules/vchat/css/ss13styles.css | 21 +++++++++++----------
 code/modules/vchat/html/vchat.html    |  2 +-
 code/modules/vchat/js/vchat.js        |  2 +-
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/code/modules/vchat/css/ss13styles.css b/code/modules/vchat/css/ss13styles.css
index 6c70b588af8..661f09a866f 100644
--- a/code/modules/vchat/css/ss13styles.css
+++ b/code/modules/vchat/css/ss13styles.css
@@ -1,6 +1,15 @@
 /* VChat Styles */
+body.inverted {
+	background-color: #111111;
+}
+
+#topmenu {
+	overflow-x: auto;
+	overflow-y: hidden;
+}
+
 #contentbox {
-	margin-top: 3rem; /* Make room for the fixed top menu */
+	margin-top: 3.3rem; /* Make room for the fixed top menu */
 	overflow-wrap: break-word;
 	word-wrap: break-word; /* IE, blah */
 }
@@ -18,11 +27,6 @@
 	font-size: 10px;
 }
 
-#app > .menu {
-        overflow-x: auto;
-        overflow-y: hidden;
-}
-
 .item {
 	cursor: pointer;
 }
@@ -31,10 +35,6 @@
 	color: red;
 }
 
-body.inverted {
-	background-color: #111111;
-}
-
 .blinkwarn {
 	color: #FF0000;
 	animation: blink-animation 1s steps(5, start) infinite;
@@ -56,6 +56,7 @@ body.inverted {
 #messagebox.vc_info .vc_info 				{ display: block; }
 #messagebox.vc_deadchat .vc_deadchat  		{ display: block; }
 #messagebox.vc_globalooc .vc_globalooc 		{ display: block; }
+#messagebox.vc_looc .vc_looc 				{ display: block; }
 #messagebox.vc_adminpm .vc_adminpm 			{ display: block; }
 #messagebox.vc_adminchat .vc_adminchat 		{ display: block; }
 #messagebox.vc_modchat .vc_modchat 			{ display: block; }
diff --git a/code/modules/vchat/html/vchat.html b/code/modules/vchat/html/vchat.html
index 6e254a36160..29cc115af86 100644
--- a/code/modules/vchat/html/vchat.html
+++ b/code/modules/vchat/html/vchat.html
@@ -24,7 +24,7 @@
 <div id="app" @mouseup="on_mouseup" style="display: none;">
 
 	<!-- Top menu -->
-	<div class="ui top fixed pointing menu" :class="{ inverted: inverted }">
+	<div id="topmenu" class="ui top fixed menu" :class="{ inverted: inverted }">
 		<div v-for="(tab,index) in tabs" class="item" :class="{ active: tab.active, inverted: inverted }" @click="switchtab(tab)" @click.ctrl="editmode">
 			<i v-show="editing && !tab.immutable && index >= 2" class="icon-left-open-outline" @click.stop.prevent="movetab(tab,-1)" title="Move tab left"></i>
 			{{tab.name}}
diff --git a/code/modules/vchat/js/vchat.js b/code/modules/vchat/js/vchat.js
index 6e0dfe5b7bd..382826e4da3 100644
--- a/code/modules/vchat/js/vchat.js
+++ b/code/modules/vchat/js/vchat.js
@@ -366,7 +366,7 @@ function start_vue() {
 			newtab: function() {
 				this.tabs.push({
 					name: "New Tab",
-					classes: this.always_show,
+					classes: this.always_show.slice(),
 					immutable: false,
 					active: false
 				});