From b93858635389f67a8741a1e16f43951d13be3c40 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 18 Jan 2023 16:07:36 +0100
Subject: [PATCH 1/2] style refactor mobile device auth template

---
 frontend/src/components/Auth/AuthNavbar.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/components/Auth/AuthNavbar.vue b/frontend/src/components/Auth/AuthNavbar.vue
index ade6340a6..7d8c6f08a 100644
--- a/frontend/src/components/Auth/AuthNavbar.vue
+++ b/frontend/src/components/Auth/AuthNavbar.vue
@@ -53,6 +53,7 @@ export default {
 
 .auth-header {
   font-family: 'Open Sans', sans-serif !important;
+  height: 150px;
 }
 
 .sheet-img {
@@ -61,6 +62,17 @@ export default {
   max-width: 64%;
 }
 
+@media screen and (max-width: 1024px) {
+  .auth-header {
+    height: 100px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .auth-header {
+    height: 70px;
+  }
+}
 @media screen and (max-width: 450px) {
   .sheet-img {
     top: -15px;

From d8645969d3eb8d5f8d4fca66260c2ff746cf4bd7 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Thu, 19 Jan 2023 11:28:24 +0100
Subject: [PATCH 2/2] remove mx for small device, change email align & change
 col size.

---
 frontend/src/App.vue                                           | 2 +-
 frontend/src/components/Contributions/ContributionListItem.vue | 2 +-
 frontend/src/components/Menu/Navbar.vue                        | 2 +-
 frontend/src/layouts/DashboardLayout.vue                       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 1933e380b..3ec57ca70 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -30,7 +30,7 @@ export default {
   font-family: 'WorkSans', sans-serif !important;
 }
 .appContent {
-  min-width: 360px;
+  min-width: 330px;
   max-width: 1320px;
   margin-right: auto;
   margin-left: auto;
diff --git a/frontend/src/components/Contributions/ContributionListItem.vue b/frontend/src/components/Contributions/ContributionListItem.vue
index 1f35097ef..4717f29e5 100644
--- a/frontend/src/components/Contributions/ContributionListItem.vue
+++ b/frontend/src/components/Contributions/ContributionListItem.vue
@@ -26,7 +26,7 @@
             {{ $t('contribution.alert.answerQuestion') }}
           </div>
         </b-col>
-        <b-col cols="12" lg="3" offset="3" offset-md="0" offset-lg="0">
+        <b-col cols="9" lg="3" offset="3" offset-md="0" offset-lg="0">
           <div class="small">
             {{ $t('creation') }} {{ $t('(') }}{{ amount / 20 }} {{ $t('h') }}{{ $t(')') }}
           </div>
diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index f939de71d..03217a5ae 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -30,7 +30,7 @@
               <div>
                 <div data-test="navbar-item-username">{{ username.username }}</div>
 
-                <div class="text-right" data-test="navbar-item-email">
+                <div data-test="navbar-item-email">
                   {{ $store.state.email }}
                 </div>
               </div>
diff --git a/frontend/src/layouts/DashboardLayout.vue b/frontend/src/layouts/DashboardLayout.vue
index 722f89fbc..11b9e3060 100755
--- a/frontend/src/layouts/DashboardLayout.vue
+++ b/frontend/src/layouts/DashboardLayout.vue
@@ -3,7 +3,7 @@
     <div v-if="skeleton">
       <skeleton-overview />
     </div>
-    <div v-else class="mx--3 mx-lg-0">
+    <div v-else class="mx-lg-0">
       <!-- navbar -->
       <b-row>
         <b-col>