minor navigation changes

vue/src/App.vue

@@ -6,9 +6,11 @@ import { RouterLink, RouterView } from 'vue-router'
   <!-- <header> -->
   <!--   <div class="wrapper"> -->
   <!--     <nav> -->
-  <!--       <RouterLink to="/">Home</RouterLink> -->
-  <!--       <RouterLink to="/about">About</RouterLink> -->
-  <!--       <RouterLink to="/feeds">Feeds</RouterLink> -->
+  <!--       <p onclick="$refs.sync">Sync</p> -->
+  <!--       <p>Login</p> -->
+  <!-- <RouterLink to="/">Home</RouterLink> -->
+  <!-- <RouterLink to="/about">About</RouterLink> -->
+  <!-- <RouterLink to="/feeds">Feeds</RouterLink> -->
   <!--     </nav> -->
   <!--   </div> -->
   <!-- </header> -->
@@ -16,7 +18,7 @@ import { RouterLink, RouterView } from 'vue-router'
   <RouterView />
 </template>
 
-<style scoped>
+<style>
 header {
   line-height: 1.5;
   max-height: 100vh;
@@ -34,21 +36,22 @@ nav {
   margin-top: 2rem;
 }
 
-nav a.router-link-exact-active {
+nav p.router-link-exact-active {
   color: var(--color-text);
 }
 
-nav a.router-link-exact-active:hover {
+nav p.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-nav a {
+nav p {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
+  cursor: pointer;
 }
 
-nav a:first-of-type {
+nav p:first-of-type {
   border: 0;
 }