diff --git a/src/components/RequestCard/index.tsx b/src/components/RequestCard/index.tsx index 12692e74a..5f537cdd5 100644 --- a/src/components/RequestCard/index.tsx +++ b/src/components/RequestCard/index.tsx @@ -111,7 +111,7 @@ const RequestCard: React.FC = ({ request, onTitleData }) => { : `/tv/${requestData.media.tmdbId}` } > - + {isMovie(title) ? title.title : title.name} diff --git a/src/components/RequestList/RequestItem/index.tsx b/src/components/RequestList/RequestItem/index.tsx index be99ec19d..fb2b888d6 100644 --- a/src/components/RequestList/RequestItem/index.tsx +++ b/src/components/RequestList/RequestItem/index.tsx @@ -132,7 +132,7 @@ const RequestItem: React.FC = ({ setShowEditModal(false); }} /> -
+
= ({ : undefined, }} /> -
-
+
+
= ({ /> -
- - - {isMovie(title) ? title.title : title.name} - - + -
+
{intl.formatMessage(messages.status)} @@ -275,7 +277,7 @@ const RequestItem: React.FC = ({ {requestData.modifiedBy.displayName} @@ -292,7 +294,7 @@ const RequestItem: React.FC = ({
-
+
{requestData.media[requestData.is4k ? 'status4k' : 'status'] === MediaStatus.UNKNOWN && requestData.status !== MediaRequestStatus.DECLINED && diff --git a/src/styles/globals.css b/src/styles/globals.css index 691cd081f..d845958db 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -55,11 +55,11 @@ ul.cardList > li { } img.avatar-sm { - @apply w-5 mr-1 pr-0.5 rounded-full; + @apply w-5 h-5 mr-1.5 rounded-full transition duration-300 scale-100 transform-gpu group-hover:scale-105; } .card-field { - @apply flex items-center my-0.5 sm:my-1 text-sm; + @apply flex items-center py-0.5 sm:py-1 text-sm; } .card-field-name { diff --git a/tailwind.config.js b/tailwind.config.js index 8f821bb5a..39c11938b 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -63,6 +63,7 @@ module.exports = { margin: ['first', 'last', 'responsive'], boxShadow: ['group-focus'], opacity: ['disabled', 'hover', 'group-hover'], + scale: ['hover', 'focus', 'group-hover'], zIndex: ['hover', 'responsive'], }, plugins: [