From 0871b416a7700d2e0c3ed67dd39e1f4ce3756ac4 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Fri, 10 Oct 2025 17:16:50 +0200
Subject: [PATCH] Center login view elements on mobile

---
 dashboard/src/components/PublicPageLayout.vue | 8 ++++++++
 dashboard/src/views/LoginView.vue             | 6 ++++++
 2 files changed, 14 insertions(+)

diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index b7bf36b23..59d430597 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -127,6 +127,7 @@ defineProps({
 @media (max-width: 576px) {
   .public-page-layout-mobile-logo {
     display: block;
+    text-align: center;
   }
 
   .public-page-layout-right {
@@ -139,6 +140,7 @@ defineProps({
     padding-right: 20px;
     justify-content: start;
     flex-basis: unset;
+    text-align: center;
     gap: 20px;
   }
 
@@ -147,4 +149,10 @@ defineProps({
   }
 }
 
+@media (max-width: 576px) {
+  .actions {
+    align-items: unset;
+  }
+}
+
 </style>
diff --git a/dashboard/src/views/LoginView.vue b/dashboard/src/views/LoginView.vue
index 11585f210..4c25ba3f3 100644
--- a/dashboard/src/views/LoginView.vue
+++ b/dashboard/src/views/LoginView.vue
@@ -154,4 +154,10 @@ onMounted(async () => {
   font-size: 0.9em;
 }
 
+@media (max-width: 576px) {
+  .actions {
+    align-items: unset;
+  }
+}
+
 </style>