[40294] User name not shown in news block (#9991)

* make the project title aligned with the avatar

* correct the class name

app/views/homescreen/blocks/_news.html.erb

@@ -5,7 +5,7 @@
     <li class="-widget-box--arrow-multiline">
       <div>
         <%= avatar(news.author, class: 'news-author-avatar hidden-for-mobile') %>
-        <div class="news-project">
+        <div class="news--project">
           <%= link_to_project(news.project) + ': ' %>
           <%= link_to h(news.title), news_path(news) %>
         </div>

frontend/src/app/shared/components/grids/widgets/news/news.component.html

@@ -14,14 +14,14 @@
   <ul class="widget-box--arrow-links">
     <li class="-widget-box--arrow-multiline" 
         *ngFor="let news of entries">
-      <div class="news-project">
+      <div>
         <op-principal
           *ngIf="news.author"
           [principal]="news.author"
           [hideName]="true"
           class="news-author-avatar hidden-for-mobile"
         ></op-principal>
-        <div>
+        <div class="news--project">
           <a [href]="newsProjectPath(news)"
              [textContent]="newsProjectName(news)">
           </a>:

frontend/src/global_styles/content/_news.sass

@@ -49,6 +49,8 @@
     margin-right: 5px
     float: left
 
+.news--project
+  display: inline
 
 @media screen and (max-width: 679px)
   .news-author