Better list.fork/full-screenfull-screen

Signed-off-by: Oleg Pykhalov <go.wigust@gmail.com>

2 files changed, 11 insertions, 31 deletions

diff --git a/src/components/repository-list/list-item/index.js b/src/components/repository-list/list-item/index.js
index 2efc744..0484a9b 100644
--- a/src/components/repository-list/list-item/index.js
+++ b/src/components/repository-list/list-item/index.js
@@ -15,19 +15,6 @@ class ListItem extends React.Component {
     return (
       <div className="col-12 list-item-container">
         <div className="list-item-body">
-          <div className="repo-header">
-            <h3>
-              <a href={ this.props.repository.html_url } rel="noopener noreferrer" target="_blank">
-                <span className="text-normal">{ this.props.repository.owner.login } / </span>
-                { this.props.repository.name }
-              </a>
-            </h3>
-            <p className="repo-meta text-muted small">Built by &middot; <a href={ this.props.repository.owner.html_url } rel="noopener noreferrer" target="_blank">{ this.props.repository.owner.login }</a> &middot; { moment(this.props.repository.created_at).format('MMMM D YYYY') }</p>
-          </div>
-          <div className="repo-body">
-            <p>{ this.props.repository.description || 'No description given.' }</p>
-          </div>
-          <div className="repo-footer">
             {
               this.props.repository.language && (
                 <span className="d-inline-flex align-items-center mr-3">
@@ -45,6 +32,7 @@ class ListItem extends React.Component {
                rel="noopener noreferrer"
                target="_blank">
               <Star />
+              &nbsp;
               { this.props.repository.stargazers_count.toLocaleString() }
             </a>
             <a className="muted-link d-inline-block mr-3"
@@ -52,6 +40,7 @@ class ListItem extends React.Component {
                rel="noopener noreferrer"
                target="_blank">
               <Fork />
+              &nbsp;
               { this.props.repository.forks ? this.props.repository.forks.toLocaleString() : 0 }
             </a>
             <a className="muted-link d-inline-block mr-3"
@@ -59,22 +48,16 @@ class ListItem extends React.Component {
                rel="noopener noreferrer"
                target="_blank">
               <Issue />
+              &nbsp;
               { this.props.repository.open_issues ? this.props.repository.open_issues.toLocaleString() : 0 }
             </a>
-          </div>
+              <a href={ this.props.repository.html_url } rel="noopener noreferrer" target="_blank">
+                <span className="text-normal">{ this.props.repository.owner.login } / </span>
+                { this.props.repository.name }
+              </a>
+            &nbsp;
+            { this.props.repository.description || 'No description given.' }
         </div>
-
-        <a href={ this.props.repository.owner.html_url }
-           target="_blank"
-           rel="noopener noreferrer"
-           className="author-link d-none d-lg-block d-xl-block d-md-block">
-          <img className='author-img'
-               src={ this.props.repository.owner.avatar_url }
-               onError={ (e) => {
-                 e.target.src = '/img/logo.svg';
-               } }
-               alt={ this.props.repository.owner.login } />
-        </a>
       </div>
     );
   }
diff --git a/src/components/repository-list/list-item/styles.css b/src/components/repository-list/list-item/styles.css
index 8facc40..d16efdf 100644
--- a/src/components/repository-list/list-item/styles.css
+++ b/src/components/repository-list/list-item/styles.css
@@ -1,7 +1,6 @@
 .list-item-container {
-  padding: 0 0 20px;
-  margin-bottom: 20px;
-  border-bottom: 1px solid #e8e8e8;
+  padding: 0 0 5px;
+  margin-bottom: 5px;
   position: relative;
 }
 
@@ -72,7 +71,6 @@
   width: 10px;
   height: 10px;
   margin-right: 4px;
-  border-radius: 50%;
 }
 
 .list-item-container .author-link {
@@ -82,7 +80,6 @@
 }
 
 .list-item-container .author-img {
-  height: 92px;
   width: 92px;
   border-radius: 92px;
 }