Fixed News Styling

frontend/components/Station/Station.vue

@@ -418,7 +418,7 @@
 				if (!isLoggedIn) _this.$router.go('/404');
 			});
 
-			io.getSocket((socket) => {
+			io.getSocket(socket => {
 				_this.socket = socket;
 
 				io.removeAllListeners();

frontend/components/pages/Team.vue

@@ -2,25 +2,24 @@
 	<div class='app'>
 		<main-header></main-header>
 		<div class='container'>
-			<h2 class="center">Current members</h2>
+			<h3 class="center">Current members</h3>
+			<br />
 			<div class="columns">
 				<div class='card column is-6-desktop is-offset-3-desktop is-12-mobile'>
 					<header class='card-header'>
 						<p class='card-header-title'>
-							KrisVos130
+							Kris (@KrisVos130)
 						</p>
 					</header>
 					<div class='card-content'>
 						<div class='content'>
+							<span class="tag is-info">co-founder</span>
+							<span class="tag is-black">lead-developer</span>
 							<ul>
 								<li>
 									<b>Joined: </b>
 									September 23, 2015
 								</li>
-								<li>
-									<b>Role: </b>
-									Co-founder and lead-developer
-								</li>
 								<li>
 									<b>Email: </b>
 									<a href="mailto:krisvos130@gmail.com">krisvos130@gmail.com</a>
@@ -35,20 +34,17 @@
 				<div class='card column is-6-desktop is-offset-3-desktop is-12-mobile'>
 					<header class='card-header'>
 						<p class='card-header-title'>
-							Atjonathan
+							Jonathan (@atjonathan)
 						</p>
 					</header>
 					<div class='card-content'>
 						<div class='content'>
+							<span class="tag is-black">lead-developer</span>
 							<ul>
 								<li>
 									<b>Joined: </b>
 									August 28, 2016
 								</li>
-								<li>
-									<b>Role: </b>
-									Developer
-								</li>
 								<li>
 									<b>Email: </b>
 									<a href="mailto:atjonathan@engineer.com">atjonathan@engineer.com</a>
@@ -68,12 +64,7 @@
 					</header>
 					<div class='card-content'>
 						<div class='content'>
-							<ul>
-								<li>
-									<b>Role: </b>
-									Moderator
-								</li>
-							</ul>
+							<span class="tag is-dark">moderator</span>
 						</div>
 					</div>
 				</div>
@@ -86,28 +77,15 @@
 <script>
 	import MainHeader from '../MainHeader.vue';
 	import MainFooter from '../MainFooter.vue';
-	import io from '../../io';
 
 	export default {
-		components: { MainHeader, MainFooter },
-		methods: {
-
-		},
-		data() {
-			return {
-
-			}
-		},
-		ready: function () {
-			let _this = this;
-			io.getSocket((socket) => {
-				_this.socket = socket;
-
-			});
-		}
+		components: { MainHeader, MainFooter }
 	}
 </script>
 
 <style lang='scss' scoped>
-
+	li a {
+		color: dodgerblue;
+    	border-bottom: 0 !important;
+	}
 </style>