From f7df069ca1a2eeffe481967d87c280b88fcaa136 Mon Sep 17 00:00:00 2001
From: Mahdi Salmanzade <mahdisalmanzadehasl@gmail.com>
Date: Wed, 3 Jun 2026 03:37:23 +0400
Subject: [PATCH] fix(ui): stop welcome-screen tip from clipping on narrow
 phones (#1612)

The empty-state tip ("Add an AI endpoint from Settings...") shares a 60px
max-height ceiling with the one-line .welcome-sub / .welcome-version. On
narrow phones the welcome block shrink-wraps and the tip wraps to 4-5 lines
(~67px), so the shared ceiling clipped its last line ("...key into the
chat.") - the only setup hint a first-run user gets.

Give .welcome-tip its own taller max-height (120px), placed above the
@media (max-height: 650px) block so that rule's max-height:0 still collapses
the tip on short viewports. .welcome-sub / .welcome-version are untouched,
and desktop is unchanged (the tip is ~50px there, well under the ceiling).
---
 static/style.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/static/style.css b/static/style.css
index 7d75100..3269ce9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1804,6 +1804,15 @@ body.bg-pattern-sparkles {
       max-height: 60px;
       overflow: hidden;
     }
+    /* The tip is a full sentence that wraps to 4-5 lines on narrow phones,
+       where the welcome block shrink-wraps small; the shared 60px ceiling
+       (sized for the one-line sub/version) clipped its last line. Give the tip
+       a taller ceiling so it isn't truncated. Kept above the max-height:650px
+       block below so that rule's max-height:0 still collapses it on short
+       viewports. */
+    #welcome-screen .welcome-tip {
+      max-height: 120px;
+    }
     @media (max-height: 650px) {
       #welcome-screen { top: 28%; }
       #welcome-screen .welcome-tip { opacity: 0; max-height: 0; margin: 0; }