From 6be1ae0120f288a14332e8189513c277fb6e70ba Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Thu, 9 Jul 2020 22:06:07 -0400
Subject: [PATCH] Fixed: Alignment of dates in Release Date Tooltip

---
 frontend/src/Movie/Details/MovieReleaseDates.css |  5 ++++-
 frontend/src/Movie/Details/MovieReleaseDates.js  | 12 ++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/Movie/Details/MovieReleaseDates.css b/frontend/src/Movie/Details/MovieReleaseDates.css
index 8630f4d45..7b50624cc 100644
--- a/frontend/src/Movie/Details/MovieReleaseDates.css
+++ b/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;
 }
diff --git a/frontend/src/Movie/Details/MovieReleaseDates.js b/frontend/src/Movie/Details/MovieReleaseDates.js
index d6abd10c7..ace6fe4be 100644
--- a/frontend/src/Movie/Details/MovieReleaseDates.js
+++ b/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>
       }