From af88f24a29c6c6d47b12783caf59d32d815b4eb9 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Wed, 28 Oct 2020 10:03:28 -0700
Subject: [PATCH] Allowed multiple children to be specified in router link
 constructor. Adjusted styling to display flex and center.

---
 ignite-router.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/ignite-router.js b/ignite-router.js
index 08c7965..5f262da 100644
--- a/ignite-router.js
+++ b/ignite-router.js
@@ -19,6 +19,17 @@ class RouterLink extends IgniteElement {
         };
     }
 
+    get styles() {
+        return `
+            router-link {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: center;
+            }
+        `;
+    }
+
     render() {
         return this.template
             .onClick((event) => this.onClick(event))
@@ -185,16 +196,16 @@ class RouteMatcher {
 window.RouteMatcher = RouteMatcher;
 
 class RouterLinkTemplate extends IgniteTemplate {
-    constructor(route, element) {
-        super("router-link", [element]);
+    constructor(route, ...elements) {
+        super("router-link", elements);
 
         this.property("route", route);
     }
 }
 
 class RouterViewTemplate extends IgniteTemplate {
-    constructor(route, element) {
-        super("router-view", [element]);
+    constructor(route, ...elements) {
+        super("router-view", elements);
 
         this.property("route", route);
     }