Fixed: Alignment of dates in Release Date Tooltip

frontend/src/Movie/Details/MovieReleaseDates.css

@@ -1,3 +1,6 @@
 .dateIcon {
-  padding-right: 15px;
+  display: inline-block;
+  padding-right: 10px;
+  width: 30px;
+  text-align: center;
 }

frontend/src/Movie/Details/MovieReleaseDates.js

@@ -20,33 +20,33 @@ function MovieReleaseDates(props) {
       {
         !!inCinemas &&
           <div >
-            <span className={styles.dateIcon}>
+            <div className={styles.dateIcon}>
               <Icon
                 name={icons.IN_CINEMAS}
               />
-            </span>
+            </div>
             {getRelativeDate(inCinemas, shortDateFormat, showRelativeDates, { timeFormat, timeForToday: false })}
           </div>
       }
       {
         !!digitalRelease &&
           <div >
-            <span className={styles.dateIcon}>
+            <div className={styles.dateIcon}>
               <Icon
                 name={icons.MOVIE_FILE}
               />
-            </span>
+            </div>
             {getRelativeDate(digitalRelease, shortDateFormat, showRelativeDates, { timeFormat, timeForToday: false })}
           </div>
       }
       {
         !!physicalRelease &&
           <div >
-            <span className={styles.dateIcon}>
+            <div className={styles.dateIcon}>
               <Icon
                 name={icons.DISC}
               />
-            </span>
+            </div>
             {getRelativeDate(physicalRelease, shortDateFormat, showRelativeDates, { timeFormat, timeForToday: false })}
           </div>
       }