1 files changed, 16 insertions, 5 deletions
diff --git a/electron/src/renderer/App.vue b/electron/src/renderer/App.vue
index 7888d968..7579d04e 100644
--- a/electron/src/renderer/App.vue
+++ b/electron/src/renderer/App.vue
@@ -1,15 +1,26 @@
 <template>
   <div id="app">
-    <router-view></router-view>
+    <v-app>
+      <v-main>
+        <!-- the v-container, v-row, and v-col give us vertical centering -->
+        <v-container fill-height fluid>
+          <v-row align="center" justify="center">
+            <v-col>
+              <router-view></router-view>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-main>
+    </v-app>
   </div>
 </template>
 
 <script>
-  export default {
-    name: 'my-project'
-  }
+export default {
+  name: 'my-project'
+}
 </script>
 
 <style>
-  /* CSS */
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons');
 </style>