Merge pull request #6730 from VOREStation/aro-vbugs1

Fixes 2 VChat bugs

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

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

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