added some map stuff

added a few backend routes

src/App.vue

@@ -1,30 +1,50 @@
 <template>
   <div id="app">
-    <ion-app>
-      <ion-vue-router />
-    </ion-app>
+    <v-app>
+      <ion-app>
+        <ion-vue-router/>
+      </ion-app>
+    </v-app>
   </div>
 </template>
 
-<style>
-#app {
-  font-family: "Avenir", Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
+<style lang="scss">
+  #app {
+    font-family: "Avenir", Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-align: center;
+    color: #2c3e50;
+    height: 100%;
+  }
 
-#nav {
-  padding: 30px;
-}
+  :root {
+    --ion-color-primary: var(--v-primary-base);
+  }
 
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
+  #nav {
+    padding: 30px;
+  }
+
+  #nav a {
+    font-weight: bold;
+    color: #2c3e50;
+  }
+
+  #nav a.router-link-exact-active {
+    color: #42b983;
+  }
+
+  .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot, .v-text-field.v-text-field--enclosed .v-text-field__details {
+    padding: 0 !important;
+  }
+
+  .v-text-field--rounded > .v-input__control > .v-input__slot {
+    padding: 0 !important;
+  }
+
+  .v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot {
+    margin-left: 15px;
+  }
 
-#nav a.router-link-exact-active {
-  color: #42b983;
-}
 </style>