Add link to list items

app/assets/stylesheets/pages/note_form.scss

@@ -333,10 +333,21 @@
   }
 
   li {
-    white-space: nowrap;
-    cursor: pointer;
     padding-top: 6px;
 
+    & > a {
+      margin: 0;
+      padding: 0;
+      color: inherit;
+      border-radius: 0;
+
+      &:hover,
+      &:focus {
+        background-color: inherit;
+        color: inherit;
+      }
+    }
+
     &:hover,
     &:focus {
       background-color: $dropdown-hover-color;

app/views/projects/notes/_comment_button.html.haml

@@ -9,20 +9,22 @@
 
     %ul#resolvable-comment-menu.dropdown-menu{ data: { dropdown: true } }
       %li#comment.droplab-item-selected{ data: { value: '', 'submit-text' => 'Comment', 'close-text' => "Comment & close #{noteable_name}", 'reopen-text' => "Comment & reopen #{noteable_name}" } }
-        = icon('check')
-        .description
-          %strong Comment
-          %p
-            Add a general comment to this #{noteable_name}.
+        %a{ href: '#' }
+          = icon('check')
+          .description
+            %strong Comment
+            %p
+              Add a general comment to this #{noteable_name}.
 
       %li.divider
 
       %li#discussion{ data: { value: 'DiscussionNote', 'submit-text' => 'Start discussion', 'close-text' => "Start discussion & close #{noteable_name}", 'reopen-text' => "Start discussion & reopen #{noteable_name}" } }
-        = icon('check')
-        .description
-          %strong Start discussion
-          %p
-            = succeed '.' do
-              Discuss a specific suggestion or question
-              - if @note.noteable.supports_resolvable_notes?
-                that needs to be resolved
+        %a{ href: '#' }
+          = icon('check')
+          .description
+            %strong Start discussion
+            %p
+              = succeed '.' do
+                Discuss a specific suggestion or question
+                - if @note.noteable.supports_resolvable_notes?
+                  that needs to be resolved