Merge branch '27610-issue-number-alignment' into 'master'

fix alignment for long title

Closes #27610

See merge request !9020

app/assets/stylesheets/pages/issuable.scss

@@ -461,8 +461,19 @@
 
 .issuable-list {
   li {
+
+    .issue-box {
+      display: -webkit-flex;
+      display: flex;
+    }
+
+    .issue-info-container {
+      -webkit-flex: 1;
+      flex: 1;
+      padding-right: $gl-padding;
+    }
+
     .issue-check {
-      float: left;
       padding-right: $gl-padding;
       margin-bottom: 10px;
       min-width: 15px;

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

@@ -272,8 +272,15 @@
 
 .mr-list {
   .merge-request {
-    padding: 10px 15px;
+    padding: 10px  0 10px 15px;
     position: relative;
+    display: -webkit-flex;
+    display: flex;
+
+    .issue-info-container {
+      -webkit-flex: 1;
+      flex: 1;
+    }
 
     .merge-request-title {
       margin-bottom: 2px;

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

 %li{ id: dom_id(issue), class: issue_css_classes(issue), url: issue_path(issue), data: { labels: issue.label_ids, id: issue.id } }
+  .issue-box
     - 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)

changelogs/unreleased/27610-issue-number-alignment.yml

+---
+title: fixes issue number alignment problem in MR and issue list
+merge_request: 9020
+author: