Refactor post list view

src/newsreader/js/pages/homepage/components/feedlist/PostItem.js

@@ -26,7 +26,7 @@ class PostItem extends React.Component {
 
         <div className="posts-info">
           <span className="posts-info__date" title={publicationDate}>
-            {publicationDate}
+            {publicationDate} {post.author && `By ${post.author}`}
           </span>
           <a
             className="posts-info__link"

src/newsreader/scss/components/posts-info/_posts-info.scss

@@ -1,9 +1,9 @@
 .posts-info {
   display: flex;
-  justify-content: space-around;
   align-items: center;
 
-  width: 20%;
+  margin: 10px 0;
+  gap: 15px;
 
   &__date {
     align-self: center;
@@ -12,4 +12,8 @@
   &__link {
     display: inline-flex;
   }
+
+  & .gg-link {
+    transform: rotate(-45deg) scale(var(--ggs, 0.9));
+  }
 }

src/newsreader/scss/components/posts-section/_post-section.scss

@@ -15,6 +15,6 @@
   }
 
   &__name {
-    padding: 20px 0 10px 0;
+    padding: 0 10px 10px 10px;
   }
 }

src/newsreader/scss/components/posts/_posts.scss

@@ -8,12 +8,9 @@
 
   &__item {
     display: flex;
-    align-items: center;
+    flex-direction: column-reverse;
 
-    padding: 10px 0 10px 0;
+    padding: 10px;
-
-    border-radius: 2px;
-    border-bottom: 2px solid $azureish-white;
 
     &:hover {
       cursor: pointer;