Fixed: Alignment of Certification and Runtime on Add Movie

3 years ago · c47934c5ca
parent 9938737cd7
commit c47934c5ca
2 changed files with 14 additions and 8 deletions
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
@ -92,6 +92,19 @@
  position: relative;
 }

+.certification {
+  margin-left: 2px;
+  padding: 0 5px;
+  border: 1px solid;
+  border-radius: 5px;
+  font-size: 16px;
+}
+
+.runtime {
+  margin-left: 8px;
+  font-size: 16px;
+}
+
 .statusContainer {
  margin-right: 22px;
  font-weight: bold;
@ -103,10 +116,3 @@
    overflow: hidden;
  }
 }
-
-.certification {
-  margin-right: 5px;
-  padding: 0 5px;
-  border: 1px solid;
-  border-radius: 5px;
-}
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
@ -174,7 +174,7 @@ class AddNewMovieSearchResult extends Component {

              {
                !!runtime &&
-                  <span>
+                  <span className={styles.runtime}>
                    {formatRuntime(runtime, movieRuntimeFormat)}
                  </span>
              }