From a31fec8917ba601ea5df1e44a84b7b5090b9e9d2 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Thu, 20 Oct 2016 15:33:20 +0200
Subject: [PATCH] Activity: Make left line stop at top and bottom

---
 src/styles/_dashboard.sass | 48 ++++++++++++++++++++++++--------------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/styles/_dashboard.sass b/src/styles/_dashboard.sass
index ea80ad8..c44a476 100644
--- a/src/styles/_dashboard.sass
+++ b/src/styles/_dashboard.sass
@@ -6,32 +6,46 @@
 
 	ul
 		cursor: default
-		padding: 0 10px
+		padding: 5px
 		color: $color-text-dark-primary
 		list-style: none
-		border-left: thin solid $activity-highlight-color
 
 		li
-			padding: 7px 0
+			padding: 0 10px 7px 10px
+			position: relative
+
 			span.date
 				color: darken($activity-highlight-color, 5%)
-				position: relative
 
-				&:before
-					content: ''
-					display: block
-					position: absolute
-					bottom: 5px
-					left: -13px
-					width: 5px
-					height: 5px
-					border-radius: 50%
-					background-color: $color-background-light
-					border: thin solid $activity-highlight-color
-					transition: all 250ms ease-in-out
+			/* Left Dot */
+			&:after
+				content: ''
+				display: block
+				position: absolute
+				top: 6px
+				left: -3px
+				width: 5px
+				height: 5px
+				border-radius: 50%
+				background-color: $color-background-light
+				border: thin solid $activity-highlight-color
+				transition: all 250ms ease-in-out
 
-			&:hover span.date:before
+			/* Left Line */
+			&:before
+				content: ''
+				display: block
+				position: absolute
+				top: 10px
+				left: -1px
+				width: 1px
+				height: 100%
 				background-color: $activity-highlight-color
+				transition: all 250ms ease-in-out
+
+			&:last-child
+				&:before
+					background-color: transparent
 
 		span.actor
 			padding: 0 5px