refactor(app): refreshed app's look&feel, improved responsiveness, viewport width and elements' alignment

src/components/app/Footer.vue

@@ -1,12 +1,10 @@
 <template>
   <footer>
-    <i18n-t keypath="footer.disclaimer" tag="div" class="text--grayed">
-      <template #tos>
-        <a style="color: #ccc" :href="$t('footer.tos-href')" target="_blank">
-          {{ $t('footer.tos') }}
-        </a>
-      </template>
-    </i18n-t>
+    <div>
+      &copy;
+      <a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
+      {{ new Date().getUTCFullYear() }} | v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}
+    </div>
 
     <div class="text--grayed" v-if="store.vehiclesData">
       {{
@@ -17,12 +15,6 @@
         })
       }}
     </div>
-
-    <div>
-      &copy;
-      <a href="https://td2.info.pl/profile/?u=20777" target="_blank">Spythere</a>
-      {{ new Date().getUTCFullYear() }} | v{{ VERSION }}{{ !isOnProductionHost ? 'dev' : '' }}
-    </div>
   </footer>
 </template>
 
@@ -66,6 +58,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 footer {
   text-align: center;
-  padding: 1em 1em 0 1em;
+  padding-bottom: 0.5em;
 }
 </style>