Align projects sort checkbox

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/framework/dropdowns.scss

@@ -100,3 +100,22 @@
   font-size: 13px;
   line-height: 22px;
 }
+
+.dropdown-with-checkmark {
+  li > .legend {
+    font-size: 13px;
+    color: $secondary-text;
+    margin-bottom: 5px;
+  }
+
+  li > a {
+    padding-left: 20px;
+    line-height: 28px;
+
+    i {
+      position: absolute;
+      left: 1px;
+      line-height: 28px;
+    }
+  }
+}

app/views/shared/projects/_dropdown.html.haml

@@ -5,7 +5,9 @@
     %span.light
       = projects_sort_options_hash[@sort]
     %b.caret
-  %ul.dropdown-menu.dropdown-menu-align-right
+  %ul.dropdown-menu.dropdown-menu-align-right.dropdown-with-checkmark
+    %li
+      .legend Sort by
     - projects_sort_options_hash.each do |value, title|
       %li
         = link_to filter_projects_path(sort: value, archived: archived) do