From 2bba8f09ed4ab86a6e320f2dcebf2a2517ee052f Mon Sep 17 00:00:00 2001
From: Bruno Windels <274386+bwindels@users.noreply.github.com>
Date: Sat, 25 Jun 2022 12:52:44 +0200
Subject: [PATCH] WIP: styling for date separator

---
 .../web/ui/css/themes/element/timeline.css       | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css
index bac4b4a5..5cfa0668 100644
--- a/src/platform/web/ui/css/themes/element/timeline.css
+++ b/src/platform/web/ui/css/themes/element/timeline.css
@@ -103,7 +103,7 @@ limitations under the License.
     /* reset body margin */
     margin: 0;
     /* first try break-all, then break-word, which isn't supported everywhere */
-    word-break: break-all;  
+    word-break: break-all;
     word-break: break-word;
 }
 
@@ -422,3 +422,17 @@ only loads when the top comes into view*/
 .GapView.isAtTop {
     padding: 52px 20px 12px 20px;
 }
+
+.DateSeparator {
+    display: flex;
+    justify-content: center;
+    margin: 8px 0;
+}
+
+.DateSeparator > time {
+    background-color: var(--background-color-primary--darker-10);
+    border-radius: 16px;
+    padding: 4px 16px;
+}
+
+