From 2135f6ada2b235e7c5887bea3f4502c1c207c464 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 18 May 2022 07:55:38 +0200
Subject: [PATCH] refactor navbar brand and navbarsmall position

---
 frontend/src/components/Auth/Navbar.vue      | 26 +++++++++++---------
 frontend/src/components/Auth/NavbarSmall.vue |  2 +-
 frontend/src/layouts/AuthLayout_gdd.vue      |  2 +-
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/Auth/Navbar.vue b/frontend/src/components/Auth/Navbar.vue
index 2cc397d19..ffef864fe 100644
--- a/frontend/src/components/Auth/Navbar.vue
+++ b/frontend/src/components/Auth/Navbar.vue
@@ -1,18 +1,20 @@
 <template>
   <div class="auth-header position-sticky">
     <b-navbar toggleable="lg" class="pr-4">
-      <b-img
-        class="imgLogo position-absolute ml--3 mt--3 p-2 zindex1000"
-        :src="logo"
-        width="200"
-        alt="..."
-      />
-      <b-img
-        class="imgLogoBack mt--3 ml--3"
-        src="img/template/gradido_background_header.png"
-        width="230"
-        alt="start background image"
-      ></b-img>
+      <b-navbar-brand>
+        <b-img
+          class="imgLogo position-absolute ml--3 mt--3 p-2 zindex1000"
+          :src="logo"
+          width="200"
+          alt="..."
+        />
+        <b-img
+          class="imgLogoBack mt--3 ml--3"
+          src="img/template/gradido_background_header.png"
+          width="230"
+          alt="start background image"
+        ></b-img>
+      </b-navbar-brand>
       <b-img class="sheet-img position-absolute d-block d-lg-none zindex1000" :src="sheet"></b-img>
       <b-navbar-toggle target="nav-collapse" class="zindex1000"></b-navbar-toggle>
 
diff --git a/frontend/src/components/Auth/NavbarSmall.vue b/frontend/src/components/Auth/NavbarSmall.vue
index 0ef0d6467..ba14b689a 100644
--- a/frontend/src/components/Auth/NavbarSmall.vue
+++ b/frontend/src/components/Auth/NavbarSmall.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="navbar-small">
     <b-navbar>
-      <b-collapse is-nav class="mt-lg-0 mt-md-5">
+      <b-collapse is-nav class="mt-lg-0 mt-md-3">
         <b-navbar-nav class="mx-auto mx-sm-auto mr-md-1">
           <b-nav-item to="/register" class="authNavbar ml-lg-5">{{ $t('signup') }}</b-nav-item>
           <span class="mt-1">{{ $t('math.pipe') }}</span>
diff --git a/frontend/src/layouts/AuthLayout_gdd.vue b/frontend/src/layouts/AuthLayout_gdd.vue
index d3ca0e259..071d76fff 100644
--- a/frontend/src/layouts/AuthLayout_gdd.vue
+++ b/frontend/src/layouts/AuthLayout_gdd.vue
@@ -18,7 +18,7 @@
       <b-row class="justify-content-md-center">
         <b-col sm="12" md="8" offset-lg="6" lg="6">
           <div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4">
-            <b-row class="d-none d-md-block d-lg-none mt-3">
+            <b-row class="d-none d-md-block d-lg-none">
               <b-col class="mb--4">
                 <navbar-small class="zindex10" />
               </b-col>