From 10bcb93ba3fa6c20760601ec42f5281ce189063f Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 7 Apr 2022 10:19:31 +0200
Subject: [PATCH] change style for mobil and middle

---
 frontend/src/components/Auth/Header.vue | 28 ++++++++++++++++++-------
 frontend/src/pages/Login.vue            |  7 -------
 frontend/src/pages/Register.vue         | 21 ++++++++++---------
 3 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/Auth/Header.vue b/frontend/src/components/Auth/Header.vue
index c58a3d41a..dfb277c29 100644
--- a/frontend/src/components/Auth/Header.vue
+++ b/frontend/src/components/Auth/Header.vue
@@ -52,13 +52,6 @@ export default {
   position: sticky;
 }
 
-.header-img {
-  position: fixed;
-  top: -359px;
-  right: 13%;
-  width: 385px;
-}
-
 .g-logo-radius {
   -webkit-border-top-right-radius: 77px;
   -webkit-border-bottom-right-radius: 137px;
@@ -69,5 +62,26 @@ export default {
   border-top-right-radius: 77px;
   border-bottom-right-radius: 137px;
   border-bottom-left-radius: 0px;
+  z-index: 1;
+}
+
+.header-img {
+  position: absolute;
+  top: -11px;
+  right: 7%;
+  max-width: 64%;
+}
+
+@media screen and (max-width: 450px) {
+  .header-img {
+    position: absolute;
+    top: -15px;
+    right: 0%;
+    max-width: 61%;
+  }
+}
+
+.navbar-toggler {
+  z-index: 1;
 }
 </style>
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index 5a3ed028e..974518bc3 100755
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -1,13 +1,6 @@
 <template>
   <div class="login-form">
     <div class="pb-5">Melde dich mit deinen Zugangsdaten an. Bewahre sie stet's sicher auf!</div>
-    <!-- <div class="text-center mb-4 test-communitydata">
-          <b>{{ $store.state.community.name }}</b>
-          <p class="text-lead">
-            {{ $store.state.community.description }}
-          </p>
-          {{ $t('login') }}
-        </div> -->
     <label>Wähle deine Community</label>
     <b-form-select
       v-model="selected"
diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index d65cc14f5..a3883b6d3 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -104,16 +104,7 @@
         </b-row>
 
         <b-row>
-          <b-col cols="3">
-            <b-button
-              :disabled="disabled"
-              type="submit"
-              :variant="disabled ? 'outline-light' : 'gradido'"
-            >
-              {{ $t('signup') }}
-            </b-button>
-          </b-col>
-          <b-col cols="9">
+          <b-col class="mb-4 mb-md-0">
             <b-form-checkbox
               id="registerCheckbox"
               v-model="form.agree"
@@ -123,6 +114,16 @@
               <span class="text-muted" v-html="$t('site.signup.agree')"></span>
             </b-form-checkbox>
           </b-col>
+
+          <b-col>
+            <b-button
+              :disabled="disabled"
+              type="submit"
+              :variant="disabled ? 'outline-light' : 'gradido'"
+            >
+              {{ $t('signup') }}
+            </b-button>
+          </b-col>
         </b-row>
       </b-form>
     </validation-observer>