fix padding bug in settings

src/App.vue

 <template>
   <v-app id="app">
     <header>
-    <v-toolbar dense dark color="primary">
+    <v-toolbar class = "top-bar" dense dark color="primary">
       <div class="beta" :title="release">{{version_label}}</div>
       <v-spacer/>
       <v-toolbar-items class="hidden-sm-and-down">
@@ -142,11 +142,9 @@ footer  a {
   color: #ffffff !important;
 }
 
-.v-toolbar__content {
+.top-bar .v-toolbar__content {
     padding-left: calc((100vw - 1200px) / 2) !important;
-  padding-right: calc((100vw - 1200px) / 2) !important;
- 
-  
+    padding-right: calc((100vw - 1200px) / 2) !important;
 }
 
 .banner {