From 2e50981514c211cd7ba6569b78334659b930f280 Mon Sep 17 00:00:00 2001
From: Filip Messa <messa.filip@gmail.com>
Date: Sun, 29 Sep 2019 16:44:10 +0200
Subject: [PATCH] fix(ui):  fix the hover effect on the packageItem's author
 area (#137)

---
 src/components/Package/Package.tsx |  5 ++---
 src/components/Package/styles.ts   | 11 ++++-------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/Package/Package.tsx b/src/components/Package/Package.tsx
index f92d46d..7ae007e 100644
--- a/src/components/Package/Package.tsx
+++ b/src/components/Package/Package.tsx
@@ -20,7 +20,6 @@ import {
   IconButton,
   OverviewItem,
   PackageList,
-  PackageListItem,
   PackageListItemText,
   PackageTitle,
   Published,
@@ -174,13 +173,13 @@ const Package: React.FC<PackageInterface> = ({
   return (
     <PackageList className={'package'}>
       <ListItem alignItems={'flex-start'}>{renderPackageListItemText()}</ListItem>
-      <PackageListItem alignItems={'flex-start'} button={true}>
+      <ListItem alignItems={'flex-start'}>
         {renderAuthorInfo()}
         {renderVersionInfo()}
         {renderPublishedInfo()}
         {renderFileSize()}
         {renderLicenseInfo()}
-      </PackageListItem>
+      </ListItem>
     </PackageList>
   );
 };
diff --git a/src/components/Package/styles.ts b/src/components/Package/styles.ts
index 44a1707..6bf16f7 100644
--- a/src/components/Package/styles.ts
+++ b/src/components/Package/styles.ts
@@ -3,7 +3,6 @@ import { Link } from 'react-router-dom';
 
 import Grid from '@material-ui/core/Grid';
 import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
 import MuiIconButton from '@material-ui/core/IconButton';
 import Photo from '@material-ui/core/Avatar';
@@ -120,6 +119,10 @@ export const PackageList = styled(List)({
     '&:hover': {
       backgroundColor: colors.greyLight3,
     },
+
+    '> :last-child': {
+      paddingTop: 0,
+    },
   },
 });
 
@@ -144,12 +147,6 @@ export const TagContainer = styled('span')`
   }
 `;
 
-export const PackageListItem = styled(ListItem)({
-  '&&': {
-    paddingTop: 0,
-  },
-});
-
 export const PackageListItemText = styled(ListItemText)({
   '&&': {
     paddingRight: 0,