Add media info icons to info page

data/interfaces/default/css/plexpy.css

@@ -1216,6 +1216,7 @@ a:hover .summary-poster-face-track .summary-poster-face-overlay span {
     width: 250px;
     height: 1px;
     margin: 0 40px 20px 25px;
+    position: relative;
 }
 .summary-content {
     position: relative;
@@ -1239,6 +1240,18 @@ a:hover .summary-poster-face-track .summary-poster-face-overlay span {
     margin-left: 2px;
     margin-right: 10px;
 }
+.summary-content-media-info-wrapper {
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    text-align: center;
+}
+.summary-content-media-info {
+    max-width: 75pt;
+    max-height: 20px;
+    margin: 0 10px;
+}
 .summary-content-summary {
     overflow: hidden;
     color: #fff;
@@ -2525,8 +2538,7 @@ a .home-platforms-instance-list-oval:hover,
     right: 0;
     bottom: 0;
     left: 0;
-    overflow-x: hidden;
-    overflow-y: scroll;
+    overflow: auto;
     -webkit-overflow-scrolling: touch;
 }
 ::-webkit-scrollbar {

data/interfaces/default/info.html

@@ -137,12 +137,52 @@ DOCUMENTATION :: END
             </div>
             <div class="summary-content-wrapper">
                 <div class="col-md-9">
-                    % if data['media_type'] == 'movie' or data['media_type'] == 'show' or data['media_type'] == 'season':
+                    % if data['media_type'] == 'movie':
+                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 310px;">
+                        <div class="summary-content-media-info-wrapper">
+                            % if data['video_resolution']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['video_resolution']}.png" />
+                            % endif
+                            % if data['audio_codec']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_codec']}.png" />
+                            % endif
+                            % if data['audio_channels']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_channels']}ch.png" />
+                            % endif
+                        </div>
+                    </div>
+                    % elif data['media_type'] == 'show' or data['media_type'] == 'season':
                     <div class="summary-content-padding hidden-xs hidden-sm" style="height: 275px;"></div>
                     % elif data['media_type'] == 'episode':
-                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 40px;"></div>
-                    % elif data['media_type'] == 'artist' or data['media_type'] == 'album' or data['media_type'] == 'track':
+                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 75px;">
+                        <div class="summary-content-media-info-wrapper">
+                            % if data['video_resolution']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['video_resolution']}.png" />
+                            % endif
+                            % if data['audio_codec']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_codec']}.png" />
+                            % endif
+                            % if data['audio_channels']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_channels']}ch.png" />
+                            % endif
+                        </div>
+                    </div>
+                    % elif data['media_type'] == 'artist' or data['media_type'] == 'album':
                     <div class="summary-content-padding hidden-xs hidden-sm" style="height: 150px;"></div>
+                    % elif data['media_type'] == 'track':
+                    <div class="summary-content-padding hidden-xs hidden-sm" style="height: 185px;">
+                        <div class="summary-content-media-info-wrapper">
+                            % if data['video_resolution']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['video_resolution']}.png" />
+                            % endif
+                            % if data['audio_codec']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_codec']}.png" />
+                            % endif
+                            % if data['audio_channels']:
+                            <img class="summary-content-media-info" src="interfaces/default/images/media_info/${data['audio_channels']}ch.png" />
+                            % endif
+                        </div>
+                    </div>
                     % else:
                     <div class="summary-content-padding hidden-xs hidden-sm"></div>
                     % endif