improved navigation layout when not logged in, moved locale selector to nav on login page

webapp/layouts/blank.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="layout-blank">
     <div class="main-navigation">
-      <ds-container class="main-navigation-container" style="padding: 10px 10px;">
-        <ds-flex style="flex: auto; flex-direction: row;">
-          <ds-flex-item>
+      <ds-container width="x-large" class="main-navigation-container" style="padding: 10px 10px;">
+        <ds-flex class="main-navigation-flex" centered>
+          <ds-flex-item width="5.5%" />
+          <ds-flex-item style="flex-grow:1;" width="20%">
             <a @click="redirectToRoot">
               <ds-logo />
             </a>
           </ds-flex-item>
-          <ds-flex-item style="width:50px;">
+          <ds-flex-item width="20%" style="flex-grow:0;">
             <client-only>
               <locale-switch class="topbar-locale-switch" placement="top" offset="16" />
             </client-only>

webapp/pages/changelog.vue

@@ -76,7 +76,7 @@
 
 <script>
 export default {
-  layout: 'default',
+  layout: 'blank',
   head() {
     return {
       title: this.$t('site.changelog'),

webapp/pages/code-of-conduct.vue

@@ -36,6 +36,7 @@
 
 <script>
 export default {
+  layout: 'blank',
   head() {
     return {
       title: this.$t('site.code-of-conduct'),

webapp/pages/data-privacy.vue

@@ -385,7 +385,7 @@
 
 <script>
 export default {
-  layout: 'default',
+  layout: 'blank',
   head() {
     return {
       title: this.$t('site.data-privacy'),

webapp/pages/imprint.vue

@@ -73,6 +73,7 @@
 
 <script>
 export default {
+  layout: 'blank',
   head() {
     return {
       title: this.$t('site.imprint'),

webapp/pages/login.vue

@@ -10,9 +10,6 @@
       <ds-card class="login-card">
         <ds-flex gutter="small">
           <ds-flex-item :width="{ base: '100%', sm: '50%' }" centered>
-            <client-only>
-              <locale-switch class="login-locale-switch" offset="5" />
-            </client-only>
             <ds-space margin-top="small" margin-bottom="xxx-small" centered>
               <img
                 class="login-image"
@@ -53,17 +50,13 @@
                 name="submit"
                 type="submit"
                 icon="sign-in"
-              >
-                {{ $t('login.login') }}
-              </ds-button>
+              >{{ $t('login.login') }}</ds-button>
               <ds-space margin="x-small">
                 <a
                   :href="$t('login.moreInfoURL')"
                   :title="$t('login.moreInfoHint')"
                   target="_blank"
-                >
-                  {{ $t('login.moreInfo') }}
-                </a>
+                >{{ $t('login.moreInfo') }}</a>
               </ds-space>
             </form>
           </ds-flex-item>
@@ -78,9 +71,6 @@ import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
 import { VERSION } from '~/constants/terms-and-conditions-version.js'
 
 export default {
-  components: {
-    LocaleSwitch,
-  },
   layout: 'blank',
   data() {
     return {

webapp/pages/registration.vue

@@ -4,7 +4,7 @@
 
 <script>
 export default {
-  layout: 'default',
+  layout: 'blank',
   asyncData({ store, redirect }) {
     if (store.getters['auth/isLoggedIn']) {
       redirect('/')

webapp/pages/terms-and-conditions.vue

@@ -23,7 +23,7 @@
 
 <script>
 export default {
-  layout: 'default',
+  layout: 'blank',
   head() {
     return {
       title: this.$t('site.termsAndConditions'),