From 391cc98e354b05988865dde9408581c371159fa4 Mon Sep 17 00:00:00 2001
From: sonny <sonnyba871@gmail.com>
Date: Sun, 24 May 2020 22:39:06 +0200
Subject: [PATCH] Refactor post list view

---
 .../js/pages/homepage/components/feedlist/PostItem.js     | 2 +-
 .../scss/components/posts-info/_posts-info.scss           | 8 ++++++--
 .../scss/components/posts-section/_post-section.scss      | 2 +-
 src/newsreader/scss/components/posts/_posts.scss          | 7 ++-----
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/newsreader/js/pages/homepage/components/feedlist/PostItem.js b/src/newsreader/js/pages/homepage/components/feedlist/PostItem.js
index a24b9c0..d281570 100644
--- a/src/newsreader/js/pages/homepage/components/feedlist/PostItem.js
+++ b/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"
diff --git a/src/newsreader/scss/components/posts-info/_posts-info.scss b/src/newsreader/scss/components/posts-info/_posts-info.scss
index 9f9bc6c..40ccf3d 100644
--- a/src/newsreader/scss/components/posts-info/_posts-info.scss
+++ b/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));
+  }
 }
diff --git a/src/newsreader/scss/components/posts-section/_post-section.scss b/src/newsreader/scss/components/posts-section/_post-section.scss
index 1c40bec..8898743 100644
--- a/src/newsreader/scss/components/posts-section/_post-section.scss
+++ b/src/newsreader/scss/components/posts-section/_post-section.scss
@@ -15,6 +15,6 @@
   }
 
   &__name {
-    padding: 20px 0 10px 0;
+    padding: 0 10px 10px 10px;
   }
 }
diff --git a/src/newsreader/scss/components/posts/_posts.scss b/src/newsreader/scss/components/posts/_posts.scss
index 9a3525b..706c520 100644
--- a/src/newsreader/scss/components/posts/_posts.scss
+++ b/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;
-
-    border-radius: 2px;
-    border-bottom: 2px solid $azureish-white;
+    padding: 10px;
 
     &:hover {
       cursor: pointer;