Fix text overflow

Fix text overflow in comments in MR

Adds MR ID to CHANGELOG entry

app/assets/stylesheets/pages/notes.scss

@@ -43,7 +43,7 @@ ul.notes {
     }
 
     .system-note-message {
-      display: inline;
+      display: inline-block;
 
       &::first-letter {
         text-transform: lowercase;
@@ -55,7 +55,7 @@ ul.notes {
       }
 
       p {
-        display: inline;
+        display: inline-block;
         margin: 0;
 
         &::first-letter {
@@ -151,10 +151,6 @@ ul.notes {
         }
       }
     }
-
-    .note-headline-light {
-      display: inline;
-    }
   }
 
   .discussion-body {
@@ -452,11 +448,6 @@ ul.notes {
   border-radius: $border-radius-base;
 }
 
-.diff-file .note .note-actions {
-  right: 0;
-  top: 0;
-}
-
 
 /**
  * Line note button on the side of diffs
@@ -590,3 +581,19 @@ ul.notes {
     }
   }
 }
+
+// Merge request notes in diffs
+.diff-file {
+
+  // Diff is side by side
+  .notes_content.parallel .note-header .note-headline-light {
+    display: block;
+    position: relative;
+  }
+
+  // Diff is inline
+  .notes_content .note-header .note-headline-light {
+    display: inline-block;
+    position: relative;
+  }
+}

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

@@ -10,7 +10,7 @@
     .timeline-content
       .note-header
         = link_to_member(note.project, note.author, avatar: false)
-        .inline.note-headline-light
+        .note-headline-light
           = note.author.to_reference
           - unless note.system
             commented

changelogs/unreleased/25930-discussion-actions-overlap-header-text.yml

+---
+title: Fix discussion overlap text in regular screens
+merge_request: 8273
+author: