metaitem subtitle ui implemented

src/common/MetaItem/MetaItem.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { Popup } from 'stremio-common';
@@ -48,12 +48,13 @@ class MetaItem extends Component {
         );
     }
 
-    renderTitleBar() {
-        if (this.props.title.length === 0 && this.props.menu.length === 0) {
+    renderInfoBar() {
+        if (this.props.title.length === 0 && this.props.menu.length === 0 && this.props.subtitle.length === 0) {
             return null;
         }
 
         return (
+            <Fragment>
                 <div className={styles['title-bar-container']}>
                     <div className={styles['title']}>{this.props.title}</div>
                     {
@@ -77,6 +78,15 @@ class MetaItem extends Component {
                             null
                     }
                 </div>
+                {
+                    this.props.subtitle.length > 0 ?
+                        <div className={styles['title-bar-container']}>
+                            <div className={styles['title']}>{this.props.subtitle}</div>
+                        </div>
+                        :
+                        null
+                }
+            </Fragment>
         );
     }
 
@@ -84,7 +94,7 @@ class MetaItem extends Component {
         return (
             <div className={classnames(styles['meta-item-container'], styles[`relative-size-${this.props.relativeSize}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)}>
                 {this.renderPoster()}
-                {this.renderTitleBar()}
+                {this.renderInfoBar()}
             </div>
         );
     }

src/common/MetaItem/styles.less

@@ -1,6 +1,7 @@
 .meta-item-container {
     margin: 10px;
-    display: inline-block;
+    display: inline-flex;
+    flex-direction: column;
     background-color: var(--color-backgroundlight);
 
     .poster-image-container {