Improve comemnts discussion header

Changelog: fixed

app/assets/javascripts/notes/components/diff_discussion_header.vue

@@ -104,7 +104,7 @@ export default {
         :link-href="author.path"
         :img-src="author.avatar_url"
         :img-alt="author.name"
-        :img-size="32"
+        :img-size="24"
         :img-css-classes="'gl-mr-0!' /* NOTE: this is needed only while we migrate user-avatar-image to GlAvatar (https://gitlab.com/groups/gitlab-org/-/epics/7731) */"
       />
     </div>

app/assets/stylesheets/pages/notes.scss

@@ -564,7 +564,6 @@ $system-note-svg-size: 16px;
 }
 .discussion-header {
-  min-height: $line-height-base * 2em;
   box-sizing: content-box;
   .note-header-info {
@@ -579,6 +578,7 @@ $system-note-svg-size: 16px;
   &.note-wrapper {
     display: flex;
     align-items: center;
+    padding-right: $gl-padding;
   }
 }

ee/app/assets/stylesheets/startup/startup-dark.scss

@@ -791,6 +791,9 @@ input {
 .navbar-gitlab .header-content .title img {
   height: 24px;
 }
+.navbar-gitlab .header-content .title img + .logo-text {
+  margin-left: 8px;
+}
 .navbar-gitlab .header-content .title a {
   display: flex;
   align-items: center;
@@ -2047,9 +2050,19 @@ body.gl-dark {
 .gl-display-none {
   display: none;
 }
+@media (min-width: 992px) {
+  .gl-lg-display-none\! {
+    display: none !important;
+  }
+}
 .gl-display-flex {
   display: flex;
 }
+@media (min-width: 992px) {
+  .gl-lg-display-flex {
+    display: flex;
+  }
+}
 @media (min-width: 576px) {
   .gl-sm-display-block {
     display: block;

ee/app/assets/stylesheets/startup/startup-general.scss

@@ -776,6 +776,9 @@ input {
 .navbar-gitlab .header-content .title img {
   height: 24px;
 }
+.navbar-gitlab .header-content .title img + .logo-text {
+  margin-left: 8px;
+}
 .navbar-gitlab .header-content .title a {
   display: flex;
   align-items: center;
@@ -1707,9 +1710,19 @@ svg.s16 {
 .gl-display-none {
   display: none;
 }
+@media (min-width: 992px) {
+  .gl-lg-display-none\! {
+    display: none !important;
+  }
+}
 .gl-display-flex {
   display: flex;
 }
+@media (min-width: 992px) {
+  .gl-lg-display-flex {
+    display: flex;
+  }
+}
 @media (min-width: 576px) {
   .gl-sm-display-block {
     display: block;