[UI] Added nav button to expand plugin views.

platypush/backend/http/webapp/src/components/Nav.vue

@@ -38,7 +38,14 @@
             <i :class="icons[name].class" v-if="specialPlugins.includes(name)" />
             <ExtensionIcon :name="name" size="1.5em" v-else />
           </span>
+
           <span class="name" v-if="!collapsed" v-text="displayName(name)" />
+
+          <span class="expander" v-if="name === selectedPanel && !collapsed">
+            <button title="Expanded view" @click="openPluginView(name)">
+              <i class="fas fa-up-right-from-square" />
+            </button>
+          </span>
         </a>
       </li>
     </ul>
@@ -153,6 +160,10 @@ export default {
     setConnected(connected) {
       this.connected = connected
     },
+
+    openPluginView(name) {
+      window.open(`/plugin/${name}`, '_blank')
+    },
   },
 
   data() {
@@ -253,6 +264,7 @@ nav {
 
     .name {
       margin-left: 0.5em;
+      flex-grow: 1;
     }
 
     .icon {
@@ -315,6 +327,19 @@ nav {
         display: inline-flex;
       }
     }
+
+    .expander {
+      button {
+        background: none;
+        color: $nav-fg;
+        border: none;
+        padding: 0;
+
+        &:hover {
+          color: $default-hover-fg;
+        }
+      }
+    }
   }
 
   .footer {