From 8d2ea7e7361f23b8410e3345dbc405faaebc7e85 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Fri, 17 Oct 2025 11:29:37 +0200
Subject: [PATCH] Fix styling in public page

make the cloudron name bolder

on mobile, form fields must be aligned left. make logo smaller to
not make the left aligned form fields better.
---
 dashboard/src/components/PublicPageLayout.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index 09de38fde..88a5ec20d 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -106,7 +106,10 @@ defineProps({
 }
 
 .public-page-layout-left .cloudron-name {
-  margin-bottom: 30%;
+  font-family: var(--font-family--header);
+  font-weight: 400;
+  font-size: 1.75em;
+  margin-bottom: 1rem;
 }
 
 .public-page-layout-right {
@@ -151,11 +154,18 @@ defineProps({
     justify-content: start;
     flex-basis: unset;
     text-align: center;
-    gap: 20px;
+    gap: 2rem;
   }
 
   .public-page-layout-right-slot {
     max-width: unset;
+    text-align: left;
+  }
+
+  .cloudron-avatar {
+    border-radius: 10px;
+    width: 96px;
+    height: 96px;
   }
 }