replaced words with icons and matched the sort for consistency

frontend/src/Movie/Index/Posters/MovieIndexPoster.js

@@ -275,7 +275,9 @@ class MovieIndexPoster extends Component {
         {
           showCinemaRelease && inCinemas &&
             <div className={styles.title}>
-              {translate('InCinemas')}: {getRelativeDate(
+              <Icon
+                name={icons.IN_CINEMAS}
+              /> {getRelativeDate(
                 inCinemas,
                 shortDateFormat,
                 showRelativeDates,
@@ -288,16 +290,28 @@ class MovieIndexPoster extends Component {
         }
 
         {
-          showCinemaRelease && !inCinemas &&
+          showReleaseDate && releaseDateType === 'Released' &&
             <div className={styles.title}>
-              {translate('NoCinemaRelease')}
+              <Icon
+                name={icons.DISC}
+              /> {getRelativeDate(
+                releaseDate,
+                shortDateFormat,
+                showRelativeDates,
+                {
+                  timeFormat,
+                  timeForToday: false
+                }
+              )}
             </div>
         }
 
         {
-          showReleaseDate &&
+          showReleaseDate && releaseDateType === 'Digital' &&
             <div className={styles.title}>
-              {translate(releaseDateType)}: {getRelativeDate(
+              <Icon
+                name={icons.MOVIE_FILE}
+              /> {getRelativeDate(
                 releaseDate,
                 shortDateFormat,
                 showRelativeDates,

frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js

@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import Icon from 'Components/Icon';
+import { icons } from 'Helpers/Props';
 import getRelativeDate from 'Utilities/Date/getRelativeDate';
 import formatBytes from 'Utilities/Number/formatBytes';
 import translate from 'Utilities/String/translate';
@@ -71,7 +73,9 @@ function MovieIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {translate('InCinemas')}: {inCinemasDate}
+        <Icon
+          name={icons.IN_CINEMAS}
+        /> {inCinemasDate}
       </div>
     );
   }
@@ -89,7 +93,9 @@ function MovieIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {translate('Digital')}: {digitalReleaseDate}
+        <Icon
+          name={icons.MOVIE_FILE}
+        /> {digitalReleaseDate}
       </div>
     );
   }
@@ -107,7 +113,9 @@ function MovieIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {translate('Released')}: {physicalReleaseDate}
+        <Icon
+          name={icons.DISC}
+        /> {physicalReleaseDate}
       </div>
     );
   }