rename signout ot signin, style signin form

src/components/MainMenu.vue

@@ -3,7 +3,7 @@
         <div id="top-bar" class="top-bar col-xs-12 bg-inverse d-md-none"></div>
         <div id="nav"
             class="col-xs-3 bg-inverse text-white py-5 k-vbox"
-            v-if="this.$route.path !== '/signout'"
+            v-if="this.$route.path.toLowerCase() !== '/signin'"
             :class="{expand: navState}">
             <span id="nav-toggle" class="nav-toggle d-md-none" @click="navState = !navState">
                 <span class="k-icon k-i-hamburger"></span>
@@ -25,8 +25,8 @@
                 <li class="nav-item" id="profile">
                     <router-link to="/profile" class="nav-link">My Profile</router-link>
                 </li>
-                <li class="nav-item" id="signout">
-                    <router-link to="/signout" class="nav-link">Sign Out</router-link>
+                <li class="nav-item" id="signin">
+                    <router-link to="/signin" class="nav-link">Sign Out</router-link>
                 </li>
             </ul>
             <hr class="k-flex" />

src/components/Signin.vue

@@ -1,5 +1,5 @@
 <template>
-
+<div id="signin" class="signin">
   <div class="signin-form p-5">
 	<h1 id="app-title">ISSUES</h1>
 	<p id="app-subtitle">SAMPLE DASHBOARD</p>
@@ -17,8 +17,8 @@
 		<button class="btn btn-primary btn-block" @click="onLoginClick">Log in</button>
 	</div>
 
-</div>
-  
+	</div>
+ </div>
 </template>
 
 <script>

src/main.js

@@ -24,7 +24,7 @@ const routes = [
   { path: '/dashboard', component: Dashboard },
   { path: '/issues', component: Issues },
   { path: '/profile', component: Profile },
-  { path: '/signout', component: Signin }
+  { path: '/signin', component: Signin }
 ]
 
 const router = new Router({