bugfix for Settings where page moved down and url is lowercase

chameleon-client/src/App.vue

@@ -6,8 +6,8 @@
       <div class="flex-grow-1"></div>
       <v-toolbar-items>
       <v-tabs dark height="48" slider-color="#4baf62">
-        <v-tab to="Vision">Vision</v-tab>
-        <v-tab to="Settings">Settings</v-tab>
+        <v-tab to="vision">Vision</v-tab>
+        <v-tab to="settings">Settings</v-tab>
     </v-tabs>
       </v-toolbar-items>
     </v-app-bar>

chameleon-client/src/router.js

@@ -11,15 +11,15 @@ export default new Router({
   routes: [
     {
       path: '/',
-      redirect:'/Vision'
+      redirect:'/vision'
     },
     {
-      path: '/Vision',
+      path: '/vision',
       name: 'Vision',
       component: lazyLoad('Camera')
     },
     {
-      path: '/Settings',
+      path: '/settings',
       name: 'Settings',
       component: lazyLoad('Settings')
     }

chameleon-client/src/views/Settings.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-row align="center">
+        <v-row>
             <v-col cols="6" class="colsClass">
                 <v-tabs fixed-tabs background-color="#212121" dark height="50" slider-color="#4baf62" v-model="selectedTab">
                     <v-tab to="">General</v-tab>
@@ -57,6 +57,7 @@ import Cameras from './SettingsViewes/Cameras'
         text-align: center;
     }
     .videoClass img{
+        padding-top: 10px;
         height: auto !important;
         width: 75%;
         vertical-align: middle;