From 662bbe80605ef51794b063413b82c96a375b0a73 Mon Sep 17 00:00:00 2001
From: Valeri Karpov <val@karpov.io>
Date: Thu, 9 Apr 2026 16:55:39 -0400
Subject: [PATCH 1/2] Improve hero feature pill layout on mobile

---
 public/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3d470e8..9c286e1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -105,13 +105,13 @@
         </div>
         <div class="mx-auto max-w-7xl py-20 sm:py-14 lg:py-20">
           <div class="mx-auto max-w-4xl text-center">
-            <span class="inline-flex items-center gap-2 rounded-full border border-gray-200 bg-white px-4 py-2 text-sm font-semibold text-gray-700">
+            <span class="inline-flex max-w-full flex-wrap items-center justify-center gap-2 rounded-2xl border border-gray-200 bg-white px-3 py-3 text-sm font-semibold text-gray-700 sm:rounded-full sm:px-4 sm:py-2">
                 <span class="rounded-full bg-gray-100 px-2 py-0.5 text-gray-900">New</span>
-                AI Query Assistant
-                <span class="text-gray-400">·</span>
-                Dashboards
-                <span class="text-gray-400">·</span>
-                Team Access
+                <span class="text-gray-900">AI Query Assistant</span>
+                <span class="hidden text-gray-400 sm:inline">·</span>
+                <span class="rounded-full bg-slate-50 px-2 py-0.5 text-gray-700 sm:bg-transparent sm:px-0 sm:py-0">Dashboards</span>
+                <span class="hidden text-gray-400 sm:inline">·</span>
+                <span class="rounded-full bg-slate-50 px-2 py-0.5 text-gray-700 sm:bg-transparent sm:px-0 sm:py-0">Team Access</span>
             </span>
             <h1 class="mt-5 text-5xl font-semibold tracking-tight text-gray-900 sm:text-6xl lg:text-7xl">A Developer-First MongoDB GUI</h1>
             <p class="mt-5 text-xl leading-tight text-gray-700 sm:text-3xl sm:leading-tight">Browser-based, model-aware, and AI-assisted MongoDB interface for building and managing applications.</p>

From 0ae002a0fc0500f3183665f7caf132cdce59df1f Mon Sep 17 00:00:00 2001
From: Valeri Karpov <val@karpov.io>
Date: Thu, 9 Apr 2026 19:43:23 -0400
Subject: [PATCH 2/2] Restore gray text color for AI Query Assistant label

---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 9c286e1..a101fa4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -107,7 +107,7 @@
           <div class="mx-auto max-w-4xl text-center">
             <span class="inline-flex max-w-full flex-wrap items-center justify-center gap-2 rounded-2xl border border-gray-200 bg-white px-3 py-3 text-sm font-semibold text-gray-700 sm:rounded-full sm:px-4 sm:py-2">
                 <span class="rounded-full bg-gray-100 px-2 py-0.5 text-gray-900">New</span>
-                <span class="text-gray-900">AI Query Assistant</span>
+                <span class="text-gray-700">AI Query Assistant</span>
                 <span class="hidden text-gray-400 sm:inline">·</span>
                 <span class="rounded-full bg-slate-50 px-2 py-0.5 text-gray-700 sm:bg-transparent sm:px-0 sm:py-0">Dashboards</span>
                 <span class="hidden text-gray-400 sm:inline">·</span>