add comment and nav link after login and register button

backend/src/emails/templates/accountActivation/html.pug

@@ -2,7 +2,7 @@ extend ../layout.pug
 
 block content
   if logoUrl
-    img(src=logoUrl, alt="Banner", style="max-width: 680px; max-height: 250px;")
+    img(src=logoUrl, alt="Banner", style="max-width: 680px; max-height: 250px;border-radius:20px")
   h2= t('emails.accountActivation.title')
   .text-block
     include ../includes/salutation.pug

frontend/src/assets/scss/gradido-template.scss

@@ -376,9 +376,3 @@ input.rounded-input {
   font-family: inherit !important;
   font-weight: normal !important;
 }
-
-@media (max-width: 576px) {
-  .col-xs-10 {
-    width: 83.33333333%;
-  }
-}

frontend/src/layouts/AuthLayout.vue

@@ -74,7 +74,7 @@
                   <BImg
                     v-if="projectBannerResult"
                     :src="projectBannerResult.projectBrandingBanner"
-                    class="img-fluid ms-1 me-1 col-xs-10 col-sm-10 rounded-20"
+                    class="img-fluid ms-1 me-1 col-10 col-sm-10 rounded-20"
                     alt="project banner"
                   />
                   <BAvatar

frontend/src/locales/de.json

@@ -127,6 +127,7 @@
     "session-expired": "Die Sitzung wurde aus Sicherheitsgründen beendet.",
     "unknown-error": "Unbekannter Fehler: "
   },
+  "existingGradidoAccount": "Du hast schon ein {communityName} Konto?",
   "followUs": "folge uns:",
   "footer": {
     "app_version": "App version {version}",
@@ -268,6 +269,7 @@
     "title": "Danke!",
     "unsetPassword": "Dein Passwort wurde noch nicht gesetzt. Bitte setze es neu."
   },
+  "missingGradidoAccount": "Noch kein {communityName} Konto?",
   "moderatorChangedMemo": "Text vom Moderator bearbeitet",
   "moderatorChat": "Moderator Chat",
   "navigation": {

frontend/src/locales/en.json

@@ -127,6 +127,7 @@
     "session-expired": "The session was closed for security reasons.",
     "unknown-error": "Unknown error: "
   },
+  "existingGradidoAccount": "Already have a {communityName} account?",
   "followUs": "follow us:",
   "footer": {
     "app_version": "App version {version}",
@@ -268,6 +269,7 @@
     "title": "Thank you!",
     "unsetPassword": "Your password has not been set yet. Please set it again."
   },
+  "missingGradidoAccount": "Don't have a {communityName} account yet?",
   "moderatorChangedMemo": "Text edited by moderator",
   "moderatorChat": "Moderator Chat",
   "navigation": {

frontend/src/pages/Login.vue

@@ -32,6 +32,18 @@
             </BButton>
           </BCol>
         </BRow>
+        <BRow>
+          <BCol class="col-lg-6 col-12 mt-3">
+            {{ $t('missingGradidoAccount', { communityName: CONFIG.COMMUNITY_NAME }) }}
+          </BCol>
+        </BRow>
+        <BRow>
+          <BCol class="col-lg-6 col-12 mt-1">
+            <BLink :to="register()" class="register-nav-item">
+              {{ $t('signup') }}
+            </BLink>
+          </BCol>
+        </BRow>
       </form>
     </BContainer>
     <BContainer v-else>
@@ -58,6 +70,8 @@ import { useRouter, useRoute } from 'vue-router'
 import { useForm } from 'vee-validate'
 import { useMutation, useLazyQuery } from '@vue/apollo-composable'
 import { useAppToast } from '@/composables/useToast'
+import { useAuthLinks } from '@/composables/useAuthLinks'
+import CONFIG from '@/config'
 // import { useLoading } from 'vue-loading-overlay'
 
 const router = useRouter()
@@ -68,6 +82,7 @@ const { mutate } = useMutation(login)
 const { load } = useLazyQuery(authenticateHumhubAutoLoginProject)
 // const $loading = useLoading() // TODO needs to be updated but there is some sort of an issue that breaks the app.
 const { toastError } = useAppToast()
+const { register } = useAuthLinks()
 
 const form = ref({
   email: '',
@@ -146,4 +161,7 @@ const enterData = computed(() => !showPageMessage.value)
   padding-right: 0;
   padding-left: 0;
 }
+a.register-nav-item {
+  color: #0e79bc !important;
+}
 </style>

frontend/src/pages/Register.vue

@@ -70,6 +70,18 @@
             </BButton>
           </BCol>
         </BRow>
+        <BRow>
+          <BCol class="col-lg-6 col-12 mt-3">
+            {{ $t('existingGradidoAccount', { communityName: CONFIG.COMMUNITY_NAME }) }}
+          </BCol>
+        </BRow>
+        <BRow>
+          <BCol class="col-lg-6 col-12 mt-1">
+            <BLink :to="login()" class="login-nav-item">
+              {{ $t('signin') }}
+            </BLink>
+          </BCol>
+        </BRow>
       </BForm>
     </BContainer>
     <BContainer v-else>
@@ -89,8 +101,11 @@ import { createUser } from '@/graphql/mutations'
 import { useI18n } from 'vue-i18n'
 import { useStore } from 'vuex'
 import { useRoute } from 'vue-router'
+import { useAuthLinks } from '@/composables/useAuthLinks'
+import CONFIG from '@/config'
 
 const { toastError } = useAppToast()
+const { login } = useAuthLinks()
 
 const { mutate } = useMutation(createUser)
 
@@ -151,4 +166,7 @@ async function onSubmit() {
   padding-right: 0;
   padding-left: 0;
 }
+a.login-nav-item {
+  color: #0e79bc !important;
+}
 </style>