From 647103a4e0281e3a099ea4d140164aac77bd2a0d Mon Sep 17 00:00:00 2001
From: Rishi Gupta <rishig@zulipchat.com>
Date: Thu, 13 Dec 2018 16:45:32 -0800
Subject: [PATCH] message visibility: Make stylistic improvements to
 history-limited-box.

---
 static/styles/zulip.scss       | 5 +++++
 templates/zerver/app/home.html | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index 7c3133aedc..ca5c571e90 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -88,14 +88,19 @@ p.n-margin {
 .history-limited-box {
     color: hsl(16, 60%, 45%);
     border: 1px solid hsl(16, 60%, 45%);
+    border-radius: 4px;
     box-shadow: 0 0 2px hsl(16, 60%, 45%);
     display: none;
     height: 28x;
     font-size: 16px;
     margin: 0 auto 12px;
     padding: 5px;
+    i {
+        margin: 0 3px 0 1px;
+    }
     p {
         margin: 0;
+        padding: 4px;
     }
 }
 
diff --git a/templates/zerver/app/home.html b/templates/zerver/app/home.html
index bdd90d8fc9..d170350c15 100644
--- a/templates/zerver/app/home.html
+++ b/templates/zerver/app/home.html
@@ -10,11 +10,11 @@
     </div>
     <div class="history-limited-box">
         <p>
+            <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
             {% trans %}
-            Your organization has more than 10,000
-            messages in its archive, so you can't see some older
-            messages that would otherwise appear here.
-            <a href="/plans/">See plans and pricing.</a>
+            Some older messages are unavailable.
+            <a href="/plans/" target="_blank">Upgrade your organization</a>
+            to access your full message history.
             {% endtrans %}
         </p>
     </div>