From 81c77bce6a1b8af0f96b4af423bf67d8ad08c20c Mon Sep 17 00:00:00 2001
From: Flamur Veliqi <support@weektab.org>
Date: Mon, 23 Feb 2026 13:34:43 +0100
Subject: [PATCH] nx-webmail: refine login hero corners and typography

---
 nx-webmail/README.md              |  4 ++--
 nx-webmail/docker-compose.yml     |  2 +-
 nx-webmail/src/styles/webmail.css | 14 +++++++++++---
 nx-webmail/umbrel-app.yml         |  4 ++--
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/nx-webmail/README.md b/nx-webmail/README.md
index 7d70000..d275212 100644
--- a/nx-webmail/README.md
+++ b/nx-webmail/README.md
@@ -30,7 +30,7 @@ Umbrel installation is most reliable when your app uses a prebuilt image from a
    - `git.weektab.org/nexus/nx-webmail:latest`
 3. The workflow then pins `nx-webmail/docker-compose.yml` to `tag@sha256:digest` automatically.
 4. Manual fallback:
-   docker buildx build --platform linux/amd64,linux/arm64 -t git.weektab.org/nexus/nx-webmail:1.0.3 --push .
+   docker buildx build --platform linux/amd64,linux/arm64 -t git.weektab.org/nexus/nx-webmail:1.0.4 --push .
 
 ## Umbrel app packaging
 
@@ -55,7 +55,7 @@ This repository is prepared for Umbrel app-store usage.
 Notes:
 - Umbrel uses the `app_proxy` service in `docker-compose.yml`.
 - Internal app port is `3001`.
-- `server` uses a prebuilt registry image (`git.weektab.org/nexus/nx-webmail:1.0.3`).
+- `server` uses a prebuilt registry image (`git.weektab.org/nexus/nx-webmail:1.0.4`).
 - If your store prefix changes, update `id` in `umbrel-app.yml` and `APP_HOST` in `docker-compose.yml`.
 
 ## Notes
diff --git a/nx-webmail/docker-compose.yml b/nx-webmail/docker-compose.yml
index 841935b..54a3730 100644
--- a/nx-webmail/docker-compose.yml
+++ b/nx-webmail/docker-compose.yml
@@ -7,7 +7,7 @@ services:
       APP_PORT: 3001
 
   server:
-    image: git.weektab.org/nexus/nx-webmail:1.0.3@sha256:78bcd3b7b8589fbcee065b0cdcc196907a98f747e7680e48f3cefd66478cbe3a
+    image: git.weektab.org/nexus/nx-webmail:1.0.4@sha256:a5a57deade7005e775a8a6b370d2b3cb8fea2f1d370d65048f2bd580224636ed
     init: true
     restart: on-failure
     stop_grace_period: 1m
diff --git a/nx-webmail/src/styles/webmail.css b/nx-webmail/src/styles/webmail.css
index 23b1e2b..73ee71c 100644
--- a/nx-webmail/src/styles/webmail.css
+++ b/nx-webmail/src/styles/webmail.css
@@ -1,5 +1,5 @@
 /* Webmail App CSS - Perfect Missive Clone */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
 
 body.webmail-active {
   overflow: hidden;
@@ -1283,6 +1283,7 @@ body.webmail-active {
   margin: 0;
   font-size: 0.95rem;
   letter-spacing: 0.02em;
+  color: #111111;
 }
 
 .custom-email-toggle {
@@ -1382,12 +1383,16 @@ body.webmail-active {
 }
 
 .webmail-login-page {
-  min-height: 100vh;
+  min-height: calc(100vh - 24px);
   width: 100%;
+  margin: 12px;
+  border-radius: 22px;
+  overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 48px clamp(20px, 6vw, 84px);
+  font-family: 'Manrope', 'Inter', -apple-system, sans-serif;
   background-image:
     linear-gradient(90deg, rgba(10, 16, 28, 0.72) 0%, rgba(10, 16, 28, 0.54) 34%, rgba(10, 16, 28, 0.18) 62%, rgba(10, 16, 28, 0.08) 100%),
     url('https://images.unsplash.com/photo-1516117172878-fd2c41f4a759?auto=format&fit=crop&w=2400&q=80');
@@ -1413,7 +1418,7 @@ body.webmail-active {
   margin: 0;
   font-size: clamp(32px, 4.2vw, 48px);
   line-height: 1.08;
-  font-weight: 700;
+  font-weight: 800;
   color: #ffffff;
   text-wrap: balance;
 }
@@ -1472,6 +1477,9 @@ body.webmail-active {
 @media (max-width: 900px) {
   .webmail-login-page {
     align-items: flex-start;
+    min-height: calc(100vh - 16px);
+    margin: 8px;
+    border-radius: 16px;
     padding: 24px 18px;
     background-position: 58% center;
   }
diff --git a/nx-webmail/umbrel-app.yml b/nx-webmail/umbrel-app.yml
index 3552c2c..b79c50c 100644
--- a/nx-webmail/umbrel-app.yml
+++ b/nx-webmail/umbrel-app.yml
@@ -4,7 +4,7 @@ name: Webmail
 tagline: Self-hosted IMAP/SMTP webmail client
 icon: logo.svg
 category: utilities
-version: "1.0.3"
+version: "1.0.4"
 port: 3001
 description: >-
   Webmail is a lightweight, self-hosted webmail app for connecting to external
@@ -17,7 +17,7 @@ repo: https://git.weektab.org/nexus/webmail
 support: https://git.weektab.org/nexus/webmail/issues
 gallery: []
 releaseNotes: >-
-  Modernized login screen with left-aligned layout and forced fullscreen webmail.
+  Refined login visuals with rounded hero edges, modern typography, and updated styling.
 dependencies: []
 path: ""
 defaultUsername: ""