From 90ace319d5a268745d9d69ce096d846f02e2c123 Mon Sep 17 00:00:00 2001
From: Joseph Hughes <joe-joe@live.se>
Date: Wed, 12 Oct 2022 01:03:08 +0200
Subject: [PATCH] message_feed_ui: Right align date separators.

Align the date separators in the message feed with the timestamps so
that all date information is easier to read top-down.
---
 static/styles/zulip.css | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index ea0355e1f9..414240dccc 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -2540,12 +2540,12 @@ select.invite-as {
 
 .sub-unsub-message,
 .date_row {
-    text-align: center;
     padding-bottom: 10px;
 }
 
 .date_row {
     padding-left: 2px;
+    text-align: right;
 }
 
 .sub-unsub-message span,
@@ -2562,6 +2562,10 @@ select.invite-as {
     opacity: 0.6;
 }
 
+.sub-unsub-message {
+    text-align: center;
+}
+
 .sub-unsub-message span {
     font-size: 1em;
     text-transform: none;
@@ -2575,21 +2579,33 @@ select.invite-as {
     position: relative;
     content: " ";
     vertical-align: middle;
-    width: 50%;
     height: 0;
     opacity: 0.2;
     border-bottom: 1px solid hsl(0, 0%, 0%);
 }
 
 .sub-unsub-message span::before,
+.sub-unsub-message span::after {
+    width: 50%;
+}
+
 .date_row span::before {
-    right: 0.5em;
+    width: 100%;
+}
+
+.date_row span::after {
+    width: 6px;
+    left: 0.25em;
+}
+
+.sub-unsub-message span::before,
+.date_row span::before {
+    right: 0.25em;
     margin-left: -50%;
 }
 
-.sub-unsub-message span::after,
-.date_row span::after {
-    left: 0.5em;
+.sub-unsub-message span::after {
+    left: 0.25em;
     margin-right: -50%;
 }