From c91c059b31fec3d03777647aa604ff9e0be4aac8 Mon Sep 17 00:00:00 2001
From: Admin <dmparrow@gmail.com>
Date: Wed, 23 Sep 2026 11:07:42 +0000
Subject: [PATCH] fix: clean mobile history layout

---
 apps/web/src/host.css                         |  4 ++
 .../src/features/history/HistoryView.css      | 41 ++++++++++++++++++-
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/host.css b/apps/web/src/host.css
index 39a7e31..e78def9 100644
--- a/apps/web/src/host.css
+++ b/apps/web/src/host.css
@@ -1,3 +1,7 @@
+body:has(.workspace-view) .host-status {
+  display: none;
+}
+
 .host-status {
   position: fixed;
   z-index: 80;
diff --git a/packages/fieldlens-core/src/features/history/HistoryView.css b/packages/fieldlens-core/src/features/history/HistoryView.css
index b8d9b99..bb919ce 100644
--- a/packages/fieldlens-core/src/features/history/HistoryView.css
+++ b/packages/fieldlens-core/src/features/history/HistoryView.css
@@ -214,10 +214,18 @@
 }
 
 .history-view .empty-state {
+  display: grid;
   min-height: 260px;
+  place-items: center;
+  align-content: center;
   padding: 42px 20px;
   border: 0;
   background: white;
+  text-align: center;
+}
+
+.history-view .empty-state > * {
+  min-width: 0;
 }
 
 .history-view .empty-state > svg {
@@ -227,16 +235,21 @@
 }
 
 .history-view .empty-state strong {
+  display: block;
   margin-top: 12px;
   font-family: Georgia, serif;
   font-size: 21px;
   font-weight: 500;
+  line-height: 1.2;
 }
 
 .history-view .empty-state span {
-  margin-top: 5px;
+  display: block;
+  max-width: 280px;
+  margin-top: 7px;
   color: var(--history-muted);
   font-size: 10px;
+  line-height: 1.5;
 }
 
 .history-view .undo-toast svg {
@@ -256,9 +269,20 @@
   }
 
   .history-view .view-heading {
+    gap: 18px;
     padding-bottom: 16px;
   }
 
+  .history-view .view-heading h1 {
+    font-size: clamp(34px, 11vw, 44px);
+    line-height: 1.05;
+  }
+
+  .history-view .view-heading p {
+    max-width: 100%;
+    line-height: 1.45;
+  }
+
   .history-view .view-actions {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -359,6 +383,21 @@
 
   .history-view .empty-state {
     min-height: 220px;
+    padding: 34px 18px;
+  }
+
+  .history-view .empty-state > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  .history-view .empty-state strong {
+    font-size: 22px;
+  }
+
+  .history-view .empty-state span {
+    max-width: 240px;
+    font-size: 11px;
   }
 }