From fafbccfcd406015973a4e32afb59a7afe1efdb08 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Wed, 23 Sep 2020 14:17:04 +0530
Subject: [PATCH] recent_topics: Stop last_msg_time_header::after from
 overflowing.

We change the text. This is an attempt to make the text space occupied by
the col header of last message timestamp smaller so that
it doesn't overflow to next line in some languages.

Also, add some extra padding.
---
 static/styles/recent_topics.css          | 10 ++++++++++
 static/templates/recent_topics_table.hbs |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/styles/recent_topics.css b/static/styles/recent_topics.css
index 7159bdeefd..862c2d77e5 100644
--- a/static/styles/recent_topics.css
+++ b/static/styles/recent_topics.css
@@ -268,6 +268,16 @@
             width: 15%;
         }
 
+        thead .last_msg_time_header {
+            /* The responsive table of bootstrap
+               somehow ignores the width of ::after
+               element. This ensures it is always visible.
+               20px = space occupied by ::after (icon) +
+               some extra padding.
+            */
+            padding-right: 20px;
+        }
+
         @media (width < $md_min) {
             /* Hide participants and last message time
                on smaller screens. This ensures user always
diff --git a/static/templates/recent_topics_table.hbs b/static/templates/recent_topics_table.hbs
index 03382c62c6..7dc4c8852e 100644
--- a/static/templates/recent_topics_table.hbs
+++ b/static/templates/recent_topics_table.hbs
@@ -16,7 +16,7 @@
                 <th data-sort="stream_sort">{{t 'Stream' }}</th>
                 <th data-sort="topic_sort">{{t 'Topic' }}</th>
                 <th class='participants_header'>{{t 'Participants' }}</th>
-                <th data-sort="numeric" data-sort-prop="last_msg_id" class="last_msg_time_header active descend">{{t 'Last message' }}</th>
+                <th data-sort="numeric" data-sort-prop="last_msg_id" class="last_msg_time_header active descend">{{t 'Time' }}</th>
             </tr>
         </thead>
         <tbody class="required-text" data-empty="{{t 'No topics match your current filter.' }}"></tbody>