--- a/client/src/App.scss	Thu Jun 22 12:37:53 2017 +0200
+++ b/client/src/App.scss	Fri Jun 23 10:16:49 2017 +0200
@@ -132,22 +132,28 @@
 .note {
     display: flex;
     position: relative;
-    padding-left: 70px;
+    padding: 10px 10px 10px 80px;
     margin-bottom: 20px;
-    min-height: ($line-height-computed * 3);
+    cursor: pointer;
+    min-height: ($line-height-computed * 4);
+    border: 1px solid transparent;
 
     &:before {
         content: "";
         position: absolute;
         top: 0;
         bottom: 0;
-        left: 27px;
+        left: 37px;
         z-index: -1;
         display: block;
         width: 2px;
         background-color: #e6ebf1;
     }
 
+    &:hover {
+        border: 1px solid #efefef;
+    }
+
     .start, .finish {
         position: absolute;
         background-color: #fff;
@@ -156,10 +162,12 @@
     .start {
         top: 0;
         left: 0;
+        padding: 10px 0 0 10px;
     }
     .finish {
         bottom: 0;
         left: 0;
+        padding: 0 0 10px 10px;
     }
 
     &-content {