fix alignment for long title

app/assets/stylesheets/pages/issuable.scss

@@ -461,6 +461,15 @@
 
 .issuable-list {
   li {
+    .issue-info-container {
+      display: inline-block;
+      width: 96.5%;
+
+      @media (max-width: $screen-md-max) {
+        width: 95%;
+      }
+    }
+
     .issue-check {
       float: left;
       padding-right: $gl-padding;

app/assets/stylesheets/pages/issues.scss

 .issues-list {
   .issue {
-    padding: 10px $gl-padding;
+    padding: 10px 0 10px $gl-padding;
     position: relative;
 
     .title {

app/assets/stylesheets/pages/merge_requests.scss

@@ -266,9 +266,15 @@
 
 .mr-list {
   .merge-request {
-    padding: 10px 15px;
+    padding: 10px  0 10px 15px;
     position: relative;
 
+    .issue-info-container {
+      @media (max-width: $screen-xs-max) {
+        width: 88%;
+      }
+    }
+
     .merge-request-title {
       margin-bottom: 2px;
 

app/views/projects/issues/_issue.html.haml

@@ -2,7 +2,7 @@
   - if @bulk_edit
     .issue-check
       = check_box_tag dom_id(issue, "selected"), nil, false, 'data-id' => issue.id, class: "selected_issue"
-
+  .issue-info-container
     .issue-title.title
       %span.issue-title-text
         = confidential_icon(issue)

app/views/projects/merge_requests/_merge_request.html.haml

@@ -3,6 +3,7 @@
     .issue-check
       = check_box_tag dom_id(merge_request, "selected"), nil, false, 'data-id' => merge_request.id, class: "selected_issue"
 
+  .issue-info-container
     .merge-request-title.title
       %span.merge-request-title-text
         = link_to merge_request.title, merge_request_path(merge_request)