...

1 files changed, 15 insertions, 3 deletions

diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index 5af3a9ef..ebaf96b5 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -49,7 +49,7 @@ $timeline-line-color-current: #36c2e6
     background: $timeline-line-color
 
     &.start
-      height: 1.4em
+      height: 1.8em
       flex: 0 0 auto
 
     &.end
@@ -102,7 +102,7 @@ $timeline-line-color-current: #36c2e6
 .timeline-item-card
   @extend .cru-card
   position: relative
-  padding: 0.5em 2em 0.5em 4em
+  padding: 0.3em 0.5em 1em 4em
   transition: background 0.5s, padding-left 0.5s
 
   @include media-breakpoint-down(sm)
@@ -114,7 +114,7 @@ $timeline-line-color-current: #36c2e6
 .timeline-item-header
   display: flex
   align-items: center
-  @extend .mb-2
+  @extend .my-2
 
 .timeline-avatar
   border-radius: 50%
@@ -133,6 +133,18 @@ $timeline-line-color-current: #36c2e6
   max-width: 60%
   max-height: 200px
 
+.timeline-date-item
+  position: relative
+  padding: 0.3em 0 0.3em 4em
+
+.timeline-date-item-badge
+  display: inline-block
+  padding: 0.1em 0.4em
+  border-radius: 0.4em
+  background: #7c7c7c
+  color: white
+  font-size: 0.8em
+
 .timeline-post-edit-image
   max-width: 100px
   max-height: 100px